@charset "UTF-8";
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }
body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: 'Microsoft YaHei'; }
ul, li { list-style: none; }
em, i, b { font-style: normal; }
img { border: 0px; max-width: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }
article, aside, footer, header, nav, section { display: block; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }
a:hover { background-repeat: no-repeat; text-decoration: none; }
a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio, video { display: inline-block; }
 [type="checkbox"], [type="radio"] {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box; /* 1 */
 padding: 0; /* 2 */
}
input, textarea, select { outline: none; }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
 input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix {  *zoom: 1;
}
.clear { clear: both; line-height: 0; height: 0; font-size: 0; }
.fl { float: left; }
.fr { float: right; }
.show { display: block !important; }
.hide { display: none !important; }
.commonweb { padding: 0px 15px; }
.commonwebbox { margin-left: 0px; margin-right: 0px; }
.commonleft { float: none; }
.commonright { float: none; }
.visible-sm, .visible-md, .visible-lg .visible-lg2 { display: none; }
.hidden-sm, .hidden-md, .hidden-lg { display: block; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
 @media (max-width: 320px) {
body { min-width: 320px; }
}
 @media (min-width: 768px) {
.commonweb { padding: 0px 20px; }
.commonwebbox { margin-left: -10px; margin-right: -10px; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
.visible-sm { display: block; }
.hidden-sm { display: none; }
}
 @media (min-width: 992px) {
.commonweb { padding: 0px 40px; }
.commonwebbox { margin-left: -10px; margin-right: -10px; }
.commonleft { float: left; }
.commonright { float: right; }
.visible-md { display: block; }
.hidden-md { display: none; }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
}
 @media (min-width: 1200px) {
html { cursor: default; }
.commonleft { float: left; }
.commonright { float: right; }
.visible-lg { display: block; }
.visible-lg2 { display: inline-block; }
.hidden-lg { display: none; }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-1 { width: 8.33333333%; }
}
 @media (min-width: 1260px) {
.commonweb { margin: 0px auto; max-width: 1200px; padding: 0; }
}
/* layout start*/

/*footer*/
.footer { background-color: #ffffff; width: 100%; border-top: 1px solid #d82019; font-size: 13px; line-height: 20px; }
.footer a:hover { color: #d82019; }
#foot-share { font-size: 0; text-align: center; padding: 10px 0 0; }
#foot-share a { float: none; display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
background-repeat: no-repeat; background-position: center center; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; width: 30px; height: 30px; margin: 0 4px; padding: 0; }
#foot-share .tweixin { background-image: url(../images/weixin.png); }
#foot-share .txinlang { background-image: url(../images/weibo.png); }
.bd_weixin_popup { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.foot-Copyright { padding: 10px 0; text-align: center; font-size: 13px; color: #a8a8a8; }
.foot-Copyright a { color: #a8a8a8; display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
}
.footer-top { padding-top: 20px; }
.footer-top .tel { display: block; font-family: 'Montserrat'; color: #34364b; font-size: 20px; }
.footer-top .tel img { vertical-align: middle; display: inline-block; }
.footer-top .add { color: #34364b; opacity: .7; padding: 0 0 0 45px; }
.friendlink { background-color: #f1f4f9; padding: 10px 0; }
.friendlink a, .friendlink span { color: #34364b; opacity: .7; display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
}
 @media (min-width: 1024px) {
.friendlink { padding: 17px 0; }
.friendlink a { padding-right: 10px; }
#foot-share { text-align: right; }
#foot-share a { width: 32px; height: 32px; margin: 0 5px; }
.foot-Copyright { padding: 0 0 8px 0; text-align: right; }
.foot-Copyright a { padding-left: 12px; }
.footer-top { padding-top: 38px; padding-bottom: 36px; line-height: 24px; }
.footer-top .tel { font-size: 30px; }
.footer-top .tel img { margin-right: 3px; }
.footer-top .add { padding: 4px 0 0 53px; }
.footer-top .left-cont { float: left; width: 50%; max-width: 280px; }
.footer-top .right-cont { float: right; max-width: 530px; position: relative; padding: 0 95px 0 0; }
#foot-share { position: absolute; right: 0; top: 0; padding: 0; }
}
.zdsbacktop { z-index: 100; position: fixed; right: 20px; bottom: 10%; width: 40px; height: 40px; border: 1px solid #ccc; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: none; background: #333333 url(../images/wicon89.png) no-repeat center center; }
 @media (min-width: 1180px) {
.zdsbacktop { width: 50px; height: 50px; }
}
.visible-md { display: block; }
body { padding-top: 59px; }
 @media (min-width: 1024px) {
body { padding-top: 100px; }
}
@font-face { font-family: 'Montserrat'; src: url("Montserrat-Regular_4.woff") format("woff"); font-weight: normal; font-style: normal; }
header { background: #ffffff; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); position: fixed; width: 100%; z-index: 39; top: 0; left: 0; right: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s; }
header.shadow { -webkit-animation-name: fadeHeaderInDown; -moz-animation-name: fadeHeaderInDown; -o-animation-name: fadeHeaderInDown; animation-name: fadeHeaderInDown; }
 @-webkit-keyframes fadeHeaderInDown {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
}
}
 @-moz-keyframes fadeHeaderInDown {  0% {
 opacity: 0;
 -moz-transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -moz-transform: translate3d(0, 0, 0);
}
}
 @-o-keyframes fadeHeaderInDown {  0% {
 opacity: 0;
 -o-transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -o-transform: translate3d(0, 0, 0);
}
}
 @keyframes fadeHeaderInDown {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 -moz-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.headerweb { max-width: 1400px; margin: 0 auto; position: relative; padding: 0 15px; }
.logo { top: 0; padding: 20px 0; float: left; }
.logo img { display: block; height: 57px; width:191px }
.header-nav { position: fixed; top: 55px; width: 100%; left: 0; height: 100%; background: #ffffff; padding: 0; display: none; overflow-y: scroll; padding-bottom: 190px; }
.header-nav li { position: relative; border-bottom: 1px solid #898989; /*padding: 0 10px;*/ }
.header-nav li h3 { font-size: 16px; position: relative; }
.header-nav li h3 a { display: block; padding: 10px 0; }
.header-nav li.cur .phsearchicon:after { transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 13px; }
.phsearchicon { display: block; position: absolute; right: 0; top: 0; cursor: pointer; height: 45px; width: 80%; }
.phsearchicon:after { content: ""; position: absolute; top: 17px; right: 10px; width: 10px; height: 10px; border-right: 1px solid #bebebe; border-top: 1px solid #bebebe; border-left: 0; border-bottom: 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.header-right { float: right; padding: 16px 0 0 0; font-size: 0; }
.header-right .search-con { display: inline-block; }
.header-right .search-inco { display: inline-block; width: 30px; height: 30px; background: url(../images/winco01.png) center center no-repeat; z-index: 4; }
.header-right .searchbox { position: absolute; right: 0; top: 59px; width: 100%; display: none; }
.header-right .searchbox .searchtext { width: 100%; height: 40px; padding: 10px 60px 10px 10px; border: 1px solid #ddd; }
.header-right .searchbox .searchbtn { position: absolute; right: 0; top: 0; background: #d82019; width: 60px; height: 40px; color: #fff; font-family: "Microsoft YaHei"; cursor: pointer; }
.headsearch { display: inline-block; margin-left: 5px; }
.sub-nav { display: none; width: 100%; z-index: 3; padding: 10px 0; }
.sub-item a { display: block; text-align: left; padding: 6px 0; }
.sub-bg { display: none; position: absolute; left: 0; top: 100px; width: 100%; background: rgba(0, 0, 0, 0.4); height: 204px; z-index: 2; }
.mobnav-btn { display: inline-block; width: 35px; height: 30px; overflow: hidden; cursor: pointer; position: relative; margin-left: 5px; }
.mobnav-btn.g_close span { opacity: 0; }
.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 17px; opacity: 1; }
.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 17px; opacity: 1; }
.mobnav-btn span { top: 50%; margin-top: -2px; }
.mobnav-btn span:first-child { content: ""; top: 6px; left: 0; }
.mobnav-btn span:last-child { content: ""; top: auto; bottom: 5px; left: 0; }
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child, .mobnav-btn .mobnav-btn { left: 5px; position: absolute; background: #373737; -webkit-transition: all 0.5s ease; width: 27px; height: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.pcnavmenubtn { display: none; }
.headlanguage { font-size: 0; padding: 20px; display: none; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 10; text-align: center; background-color: #ffffff; }
.headlanguage .langbtn { background: url(../images/wicon2.png) no-repeat center center; display: block; width: 30px; height: 30px; margin: 0 auto; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.headcompany { display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
font-size: 0; position: relative; padding-left: 10px; }
.headcompany .Currentlan { display: block; line-height: 30px; background: url(../images/wicon3.png) no-repeat 100% center; padding-right: 10px; color: #34364b; font-size: 12px; }
.headcompany .company-choose { font-size: 14px; display: none; position: fixed; left: 0; right: 0; top: 62px; background-color: #ffffff; padding: 0 20px; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); }
.headcompany .company-choose a { display: block; line-height: 30px; }
.headcompany .company-choose a:hover { color: #d82019; }
 @media (max-width: 375px) {
.logo img { height: 19px; }
}
 @media (min-width: 1024px) {
header { background: #ffffff; height: 100px; }
.headerweb { max-width: 1440px; margin: 0 auto; position: static; height: 100%; }
header > .headerweb { max-width: 100%; padding: 0 2%; }
.logo { padding: 32px 0 0 0; }
.logo img { display: block; height: 57px; width:191px }
.header-nav { position: static; background: none; padding: 0 0 0 220px; overflow-y: visible; }
.header-nav a { color: #34364b; }
.header-nav li { border-bottom: none; float: left; padding: 0; position: static; }
.header-nav li h3 { font-size: 14px; }
.header-nav li h3 a { display: block; padding: 38px 0; }
.header-nav li h3 a:after { content: ""; height: 3px; position: absolute; bottom: 0; left: 51%; right: 51%; z-index: -1; background-color: #d82019; -o-transition-property: left, right; -moz-transition-property: left, right; transition-property: left, right; -webkit-transition-property: left, right; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.header-nav li:hover h3 a, .header-nav li.cur h3 a { font-weight: bold; color: #d82019; }
.header-nav li:hover h3 a:after, .header-nav li.cur h3 a:after { left: 0; right: 0; z-index: 1; }
/*.header-nav li.cur .sub-nav { background: rgba(0, 0, 0, 0.2); }*/
.header-right { float: none; padding: 0; position: absolute; top: 0; right: 75px; padding-right: 71px; height: 100px; }
.header-right .search-con { position: relative; }
.header-right .search-inco { display: block; width: 35px; height: 100px; z-index: 4; }
.header-right .searchbox { position: absolute; right: -30px; top: 100px; width: 260px; display: none; }
.header-right .searchbox .searchtext { width: 100%; height: 40px; padding: 10px 60px 10px 10px; border: 1px solid #ddd; }
.header-right .searchbox .searchbtn { position: absolute; right: 0; top: 0; width: 60px; height: 40px; color: #fff; font-family: "Microsoft YaHei"; cursor: pointer; }
.sub-nav { display: none; }
.headsearch { height: 100px; border-left: 1px solid #eaeaea; padding: 0 20px; margin: 0; }
.mobnav-btn, .phsearchicon { display: none !important; }
.headlanguage { font-size: 16px; height: 100px; top: 0; border-left: 1px solid #eaeaea; position: fixed; right: 75px; padding: 0 20px; text-align: left; display: block; width: auto; background: none; left: auto; }
.headlanguage .langbtn { height: 100px; }
.headcompany { position: relative; height: 100px; top: 0;padding: 0 27px; }
.headcompany .Currentlan { height: 100px; line-height: 100px; font-size: 16px; }
.headcompany .company-choose { top: 100px; position: absolute; width: 250px; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.pcnavmenubtn { border-left: 1px solid #eaeaea; display: block; position: fixed; right: 0; top: 0; width: 75px; height: 100px; cursor: pointer; }
.pcnavmenubtn .pcnav-btn { width: 19px; height: 30px; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; }
.pcnavmenubtn .pcnav-btn span { top: 50%; margin-top: -2px; }
.pcnavmenubtn .pcnav-btn span:first-child { content: ""; top: 8px; left: 0; }
.pcnavmenubtn .pcnav-btn span:last-child { content: ""; top: auto; bottom: 7px; left: 0; }
.pcnavmenubtn .pcnav-btn span, .pcnavmenubtn .pcnav-btn span:first-child, .pcnavmenubtn .pcnav-btn span:last-child { left: 0; position: absolute; background: #373737; -webkit-transition: all 0.5s ease; width: 19px; height: 3px; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.pcnavmenubtn .pcnav-btn.g_close span { opacity: 0; }
.pcnavmenubtn .pcnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 17px; opacity: 1; }
.pcnavmenubtn .pcnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 17px; opacity: 1; }
}
 @media (min-width: 1280px) {
.header-nav { display: block; }
.header-nav li { padding: 0 1.1%;/*padding: 0 1.3%;*/
}
.header-right { padding-right: 51px; }
.headsearch, .headcompany, .headlanguage { padding: 0 5px; }
}
 @media (min-width: 1366px) {
.logo { padding: 32px 0 0 55px; }
.header-nav li { padding: 0 1%; }
.headsearch, .headcompany, .headlanguage { padding: 0 10px; }
}
 @media (min-width: 1400px) {
.headsearch, .headcompany, .headlanguage { padding: 0 15px; }
.header-right { padding-right: 61px; }
.header-nav { padding-left: 237px; }
}
 @media (min-width: 1680px) {
.headsearch { padding: 0 32px; }
.header-nav { /*padding-left: 14%; */
padding-left: 4%; }
.header-nav li { padding: 0 1.5%; }
.header-right { padding-right: 100px; right: 100px; }
.headlanguage { right: 100px; width: 100px; }
.pcnavmenubtn { width: 100px; }
.headcompany { width: 135px; padding: 0 27px; }
.logo img { height: 57px; }
}
 @media (min-width: 1800px) {
.header-nav li { padding: 0 2%; }
}
.headsideNav { display: none; }
 @media (min-width: 1024px) {
.headsideNav { position: fixed; top: 0; right: -320px; z-index: 999; background: #f9f9f9; height: 100%; width: 320px; display: block; overflow-y: auto; padding: 50px 30px; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; text-align: center; }
.headsideNav.cur { right: 0; }
.headsideNav.cur .logo, .headsideNav.cur .slide-nav { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.headsideNav .logo { float: none; display: block; -webkit-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s; -o-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s; -moz-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s; transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; }
.headsideNav .logo img { height: 34px; }
.headsideNav .slide-colse { display: block; width: 30px; height: 30px; background: url(../images/slide-close.png) no-repeat center center; position: absolute; top: 30px; right: 30px; }
.headsideNav .slide-nav { padding: 40px 0 0 0; font-size: 18px; -webkit-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s; -o-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s; -moz-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s; transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.headsideNav .slide-nav li { padding-bottom: 25px; }
.headsideNav .slide-nav li h3 a { color: #8B8784; }
.headsideNav .sub-item { font-size: 16px; }
.headsideNav .sub-item a { color: #cac4bd; text-align: center; }
.headsideNav li h3 { position: relative; }
.headsideNav .phsearchicon { left: 0; top: 0; right: 0; width: 100%; height: 28px; display: block !important; z-index: 2; }
.headsideNav .phsearchicon:after { display: none; }
.exit-off-canvas { position: fixed; top: 0; left: 0; width: 0; height: 100%; cursor: pointer; z-index: 999; background: #000; opacity: 0.5; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
}
.childMenu { position: absolute; top: 100px; left: 0; width: 100%; height: 0px; background: #fff; background: rgba(0, 0, 0, 0.31); font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #88868e; overflow: hidden; line-height: 55px; }
.childMenu.active { height: 55px; overflow: visible; }
.childMenu .sub-item a { display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
text-align: center; padding: 0 20px 0 0; color: #ffffff; }
.childMenu .sub-item a:hover { color: #d82019; }
.childMenu .sub-nav { display: block; padding: 0; width: 100%; z-index: 3; }
 @charset "UTF-8";
.full-inside-subnav .channel-title::after { _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; }
/*common*/
body { overflow-x: hidden; }
.padtb { padding-top: 30px; padding-bottom: 30px; }
.nopadtb { padding-top: 0; padding-bottom: 0; }
.font36 { font-size: 22px; }
.font30 { font-size: 20px; }
.font24 { font-size: 20px; }
.font22 { font-size: 19px; }
.font20 { font-size: 18px; }
.font18 { font-size: 16px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.alcenter { text-align: center; }
.c666666 { color: #666666; }
.cd82019 { color: #d82019; }
.c90c42f { color: #90c42f; }
.c4c4c4c { color: #4c4c4c; }
.h28 { height: 28px; }
.h18 { height: 18px; }
.h13 { height: 13px; }
.h12 { height: 12px; }
.h10 { height: 10px; }
.h5 { height: 5px; }
 @media (min-width: 1024px) {
.font36 { font-size: 28px; line-height: 30px; }
.font34 { font-size: 28px; line-height: 30px; }
.font32 { font-size: 27px; line-height: 30px; }
.font30 { font-size: 26px; line-height: 30px; }
.font24 { font-size: 24px; }
.font22 { font-size: 22px; }
.font20 { font-size: 20px; }
.font18 { font-size: 18px; }
}
 @media (min-width: 1199px) {
.font36 { font-size: 36px; line-height: 38px; }
.font34 { font-size: 34px; line-height: 38px; }
.font32 { font-size: 32px; line-height: 36px; }
.font30 { font-size: 30px; line-height: 32px; }
}
.cffffff { color: #ffffff; }
.c333333 { color: #333333; }
.c696161 { color: #696161; }
.center { text-align: center; }
.fontbold { font-weight: bold; }
.inside-banner { position: relative; overflow: hidden; }
.inside-banner img { display: block; width: auto; max-width: none; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
 @media (max-width: 414px) {
.inside-banner img { max-height: 120px; }
}

::-webkit-scrollbar {
 width: 5px;
 height: 8px;
 background-color: #e0e0e0;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 0;
}

::-webkit-scrollbar-thumb {
 background-color: #aeaeae;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 0;
}
@font-face { font-family: 'Montserrat'; src: url("Montserrat-Regular_4.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'raleway'; src: url("raleway.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DINPro'; src: url("DINPro-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }
.fontfamMontser { font-family: Montserrat; }
.full-inside-subnav { background-color: #ffffff; border-bottom: 1px solid #e0e0e0; }
.full-inside-subnav .inside-subnav { position: relative; z-index: 25; }
.full-inside-subnav .channel-title { font-size: 16px; line-height: 50px; font-weight: bold; text-align: center; }
.full-inside-subnav .channel-title::after { content: ''; display: inline-block; vertical-align: middle; margin: 0 0 -3px 10px; border-width: 7px; border-style: solid dashed dashed dashed; border-color: #333 transparent transparent transparent; }
.full-inside-subnav .subnav { display: none; position: absolute; left: 0; top: 50px; z-index: 10; width: 100%; background-color: #fff; padding-bottom: 20px; border-top: 1px solid #ccc; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); font-size: 0; overflow: hidden; }
.full-inside-subnav .subnav.padding { padding: 0 44px; }
.full-inside-subnav .subnav a { display: block; padding-left: 20px; font-size: 14px; line-height: 45px; border-bottom: 1px solid #ccc; }
.full-inside-subnav .subnav a.cur { color: #d82019; }
.full-inside-subnav .subnav .sub-btn { display: none; }
.full-inside-subnav .crumb { display: none; }
.common-clumb-box { position: relative; }
.common-clumb { font-size: 0; padding-top: 20px; overflow: hidden; }
.common-clumb .clumb-box { width: auto; }
.common-clumb a { display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
color: #999999; font-size: 14px; text-align: center; padding: 5px 10px; width: auto; position: relative; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.common-clumb a:hover, .common-clumb a.cur { color: #ffffff; }
.common-clumb a:hover:before, .common-clumb a.cur:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.common-clumb a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ea3800; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.clumb-title .en { color: #d82019; text-transform: uppercase; font-family: Rubik; }
.clumb-title .cn { color: #34364b; padding: 0 0 4px 0; }
.common-clumb-min { padding-top: 30px; }
 @media (min-width: 762px) {
.clumb-title .cn { padding: 0 0 7px 0; }
}
 @media (min-width: 1024px) {
.full-inside-subnav { overflow: hidden; }
.full-inside-subnav .channel-title { display: none; }
.full-inside-subnav .subnav { display: block; position: static; background-color: transparent; padding-bottom: 0; border-top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.full-inside-subnav .subnav ul { height: 60px; }
.full-inside-subnav .subnav li { width: auto; display: inline-block; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; margin-right: 25px; }
.full-inside-subnav .subnav li:hover a, .full-inside-subnav .subnav li.cur a { color: #d82019; }
.full-inside-subnav .subnav li:hover a:after, .full-inside-subnav .subnav li.cur a:after { left: 0; right: 0; z-index: 1; }
.full-inside-subnav .subnav a { float: left; display: block; line-height: 60px; border-bottom: 0; padding: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; position: relative; }
.full-inside-subnav .subnav a:after { content: ""; height: 3px; position: absolute; bottom: 0; left: 51%; right: 51%; z-index: -1; background-color: #d82019; -o-transition-property: left, right; -moz-transition-property: left, right; transition-property: left, right; -webkit-transition-property: left, right; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.full-inside-subnav .subnav .sub-btn { width: 44px; height: 100%; cursor: pointer; z-index: 10; background-color: #ffffff; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0; }
.full-inside-subnav .subnav .sub-btn:before { display: block; content: ""; width: 16px; height: 16px; border-left: 2px solid #848484; border-bottom: 2px solid #848484; }
.full-inside-subnav .subnav .sub-btn.sub-prev { left: 0; }
.full-inside-subnav .subnav .sub-btn.sub-prev:before { transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); margin: 22px 0 0 17px; }
.full-inside-subnav .subnav .sub-btn.sub-next { right: 0; }
.full-inside-subnav .subnav .sub-btn.sub-next:before { transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); margin: 22px 0 0 8px; }
.full-inside-subnav .inside-subnav { width: 73%; float: left; }
.full-inside-subnav .crumb { position: relative; float: right; max-width: 27%; padding-left: 28px; display: block; color: #737373; font-size: 0; line-height: 60px; border-left: 1px solid #e0e0e0; }
.full-inside-subnav .crumb .inner { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; text-align: right; }
.full-inside-subnav .crumb a { position: relative; z-index: 3; display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
color: #737373; font-size: 14px; }
.full-inside-subnav .crumb a:after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; margin: -2px 4px 0 8px; border: 3px solid rgba(255, 255, 255, 0); border-left-color: #757575; }
.full-inside-subnav .crumb a:hover { color: #d82019; }
.full-inside-subnav .crumb span { position: relative; z-index: 3; font-size: 13px; display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
}
.full-inside-subnav .crumb .home { padding-left: 14px; vertical-align: middle; background: url("../images/homeico.png") no-repeat 0 center; }
.common-clumb { padding: 12px 0 0 0; }
.common-clumb a { padding: 6px 20px; }
.common-clumb-box .sub-btn { width: 44px; height: 38px; cursor: pointer; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0; }
.common-clumb-box .sub-btn:before { display: block; content: ""; width: 14px; height: 14px; border-left: 2px solid #666666; border-bottom: 2px solid #666666; }
.common-clumb-box .sub-btn:hover:before { border-color: #d82019; }
.common-clumb-box .sub-btn.sub-prev { left: 0; }
.common-clumb-box .sub-btn.sub-prev:before { transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); margin: 18px 0 0 17px; }
.common-clumb-box .sub-btn.sub-next { right: 0; }
.common-clumb-box .sub-btn.sub-next:before { transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); margin: 18px 0 0 8px; }
.common-clumb-min { padding-top: 40px; }
.common-clumb-min .clumb-title.fl { max-width: 50%; }
.common-clumb-min .common-clumb-box.fr { max-width: 50%; }
}
 @media (min-width: 1199px) {
.common-clumb-min { padding-top: 77px; }
}
.comloading { text-align: center; color: #868686; }
.comloading .loadtext { display: block; color: #868686; opacity: 0.5; }
.loadEffect { width: 40px; height: 40px; position: relative; margin: 0 auto 15px; }
.loadEffect span { display: inline-block; width: 4px; height: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #000000; position: absolute; -webkit-animation: load 1.5s ease infinite; }
 @-webkit-keyframes load {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.loadEffect span:nth-child(1) { left: 0; top: 50%; margin-top: -2px; -webkit-animation-delay: 0.13s; }
.loadEffect span:nth-child(2) { left: 2px; top: 9px; -webkit-animation-delay: 0.26s; }
.loadEffect span:nth-child(3) { left: 9px; top: 2px; -webkit-animation-delay: 0.39s; }
.loadEffect span:nth-child(4) { left: 50%; top: 0; margin-left: -2px; -webkit-animation-delay: 0.52s; }
.loadEffect span:nth-child(5) { right: 9px; top: 2px; -webkit-animation-delay: 0.65s; }
.loadEffect span:nth-child(6) { right: 2px; top: 9px; -webkit-animation-delay: 0.78s; }
.loadEffect span:nth-child(7) { right: 0; top: 50%; margin-top: -2px; -webkit-animation-delay: 0.91s; }
.loadEffect span:nth-child(8) { bottom: 9px; right: 2px; -webkit-animation-delay: 1.04s; }
.loadEffect span:nth-child(9) { bottom: 2px; right: 9px; -webkit-animation-delay: 1.17s; }
.loadEffect span:nth-child(10) { bottom: 0; left: 50%; margin-left: -2px; -webkit-animation-delay: 1.3s; }
.loadEffect span:nth-child(11) { bottom: 9px; left: 2px; -webkit-animation-delay: 1.43s; }
.loadEffect span:nth-child(12) { bottom: 2px; left: 9px; -webkit-animation-delay: 1.56s; }
/*产品中心*/
.product-list { padding-top: 30px; }
.product-list ul { margin: 0 -5px; padding-bottom: 20px; }
.product-list li { padding: 0 5px; margin: 0 0 10px 0; }
.product-list li a { border: 1px solid #e3e3eb; display: block; }
.product-list li img { display: block; margin: 0 auto; }
.product-list li .pro-img { background-color: #eaebf5; }
.product-list li .pro-text { border-top: 1px solid #e3e3eb; text-align: center; padding: 0 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; color: #58596d; }
 @media (min-width: 1024px) {
.product-list { padding-top: 57px; padding-bottom: 74px; }
.product-list ul { padding-bottom: 30px; }
.product-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.product-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.product-list li .pro-img { overflow: hidden; }
.product-list li .pro-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.product-list li .pro-text { font-size: 16px; }
.product-list li:hover .pro-text { color: #d82019; }
.product-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
}
 @media (min-width: 1199px) {
.product-list ul { margin: 0 -15px; }
.product-list li { padding: 0 15px; margin: 0 0 30px 0; }
.product-list li .pro-text { line-height: 83px; }
}
/*产品详情*/
.product-detail .mainimg-info { border: 1px solid #ebebeb; }
.product-detail .mainimg-info img { display: block; margin: 0 auto; width: 100%; }
.product-detail .maintxt-info { padding: 20px 0 0 0; line-height: 24px; }
.product-detail .maintxt-info .name { color: #757575; padding: 15px 0; font-size: 14px; }
.product-detail .maintxt-info .desc { border-top: 1px solid #eeeeee; color: #929292; padding: 15px 0 0 0; }
 @media (min-width: 1024px) {
.product-detail { padding-top: 50px; }
.product-detail .mainimg-info { float: left; width: 56%; max-width: 557px; }
.product-detail .maintxt-info { overflow: hidden; padding: 0 0 0 20px; }
}
 @media (min-width: 1199px) {
.product-detail { padding-top: 98px; padding-bottom: 71px; }
.product-detail .maintxt-info { padding: 48px 20px 0 60px; }
.product-detail .maintxt-info .name { font-size: 15px; line-height: 30px; padding: 29px 0 19px; }
.product-detail .maintxt-info .desc { line-height: 30px; padding: 21px 0 0 0; max-width: 510px; }
}
.pro-datial-tab { color: #929292; padding-bottom: 25px; }
.tab-options { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; text-align: center; background-color: #ffffff; }
.tab-options a { display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
position: relative; font-size: 16px; line-height: 40px; margin: 0 5px; }
.tab-options a:after { content: ""; height: 3px; position: absolute; bottom: -1px; left: 51%; right: 51%; z-index: -1; background-color: #0c337f; -o-transition-property: left, right; -moz-transition-property: left, right; transition-property: left, right; -webkit-transition-property: left, right; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.tab-options a:hover:after, .tab-options a.cur:after { left: 0; right: 0; z-index: 1; }
.pro-title { padding: 0 0 10px 0; color: #4c4c4c; font-size: 16px; }
.pro-title img { vertical-align: middle; margin: 0 5px 0 0; }
.comtablemin { text-align: center; }
.Features { border-bottom: 1px solid #e6e6e6; }
 @media (min-width: 1024px) {
.pro-datial-tab { line-height: 30px; }
.tab-options { height: 68px; }
.tab-options a { line-height: 67px; margin: 0 47px; font-size: 20px; }
.pro-title { font-size: 20px; padding: 0 0 16px 0; }
.Features { padding-top: 71px; padding-bottom: 52px; }
.Technical { padding-top: 40px; }
.tab-optionsbox { height: 68px; }
}
/*相关推荐*/
.Related-minbox { background-color: #fafafa; }
.Related-minbox .relat-tit { text-align: center; }
.relat-solute-wrapper { position: relative; }
.relat-solute-wrapper .solwrapper-min { overflow: hidden; padding: 30px 0 0 0; }
.relat-solute-wrapper ul { margin: 0 -5px; }
.relat-solute-wrapper ul.momargin { margin: 0; }
.relat-solute-wrapper ul.momargin li { padding: 0; }
.relat-solute-wrapper li { float: left; width: 50%; padding: 0 5px; margin: 0 0 10px 0; }
.relat-solute-wrapper li a { display: block; border: 1px solid #e3e3eb; }
.relat-solute-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; }
.relat-solute-wrapper li .solut-text { border-top: 1px solid #e3e3eb; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; padding: 0 10px; background-color: #ffffff; }
.relat-btn { display: block; width: 30px; height: 30px; position: absolute; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-position: center center; background-repeat: no-repeat; -moz-background-size: 30px; -o-background-size: 30px; background-size: 30px; }
.relat-btn.relat-prev { background-image: url(../images/prev.png); left: 0; }
.relat-btn.relat-prev.swiper-button-disabled { display: none !important; }
.relat-btn.relat-prev:hover { background-image: url(../images/prevho.png); }
.relat-btn.relat-next { background-image: url(../images/next.png); right: 0; }
.relat-btn.relat-next.swiper-button-disabled { display: none !important; }
.relat-btn.relat-next:hover { background-image: url(../images/nextho.png); }
.relat-case-wrapper { position: relative; }
.relat-case-wrapper .caeslwrapper-min { overflow: hidden; padding: 30px 0 0 0; }
.relat-case-wrapper ul.momargin { margin: 0; }
.relat-case-wrapper ul.momargin li { padding: 0; }
.relat-case-wrapper li { margin: 0 0 20px 0; }
.relat-case-wrapper li a { display: block; }
.relat-case-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; }
.relat-case-wrapper li .solut-text { padding: 10px; background-color: #ffffff; border-top: 2px solid #d82019; text-align: center; position: relative; }
.relat-case-wrapper li .solut-text:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: -2px; background: #0c337f; height: 2px; -webkit-transition-property: right; -o-transition-property: right; -moz-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.relat-case-wrapper li .solut-text h3 { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; }
.relat-case-wrapper li .solut-text p { display: -webkit-box; height: 96px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: #929292; }
.relat-case-wrapper li:hover .solut-text:before { right: 0; z-index: 2; }
.relat-product-wrapper { position: relative; }
.relat-product-wrapper .soproduct-min { overflow: hidden; padding: 30px 0 0 0; }
.relat-product-wrapper ul { margin: 0 -5px; }
.relat-product-wrapper ul.momargin { margin: 0; }
.relat-product-wrapper ul.momargin li { padding: 0; }
.relat-product-wrapper li { float: left; width: 50%; padding: 0 5px; margin: 0 0 10px 0; }
.relat-product-wrapper li a { display: block; border: 1px solid #e3e3eb; }
.relat-product-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; }
.relat-product-wrapper li .solut-text { border-top: 1px solid #e3e3eb; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; padding: 0 10px; background-color: #ffffff; }
 @media (min-width: 768px) {
.relat-solute-wrapper ul { margin: 0; }
.relat-solute-wrapper li { float: left; width: 25%; padding: 0; }
.relat-case-wrapper ul { margin: 0; }
.relat-case-wrapper li { float: left; width: 33.33%; padding: 0; }
.relat-product-wrapper ul { margin: 0; }
.relat-product-wrapper li { float: left; width: 25%; padding: 0; }
}
 @media (min-width: 1024px) {
.Related-minbox { padding-bottom: 78px; }
.relat-btn { width: 40px; height: 40px; -moz-background-size: 40px; -o-background-size: 40px; background-size: 40px; }
.Relat-solution { padding-top: 53px; }
.Relat-cases { padding-top: 76px; }
.Relat-product { padding-top: 53px; }
.relat-solute-wrapper .solwrapper-min { padding: 61px 0 0 0; }
.relat-solute-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.relat-solute-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.relat-solute-wrapper li .solut-img { overflow: hidden; }
.relat-solute-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.relat-solute-wrapper li .solut-text { height: 84px; line-height: 84px; font-size: 16px; }
.relat-solute-wrapper li:hover .solut-text { color: #d82019; }
.relat-solute-wrapper li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
.relat-case-wrapper .caeslwrapper-min { padding-top: 60px; }
.relat-case-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.relat-case-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.relat-case-wrapper li .solut-img { overflow: hidden; }
.relat-case-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.relat-case-wrapper li .solut-text { padding: 24px 30px 31px; }
.relat-case-wrapper li .solut-text h3 { margin: 0 0 9px 0; }
.relat-case-wrapper li:hover .solut-text h3 { color: #d82019; }
.relat-product-wrapper .soproduct-min { padding: 61px 0 0 0; }
.relat-product-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.relat-product-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.relat-product-wrapper li .solut-img { overflow: hidden; }
.relat-product-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.relat-product-wrapper li .solut-text { height: 84px; line-height: 84px; font-size: 16px; }
.relat-product-wrapper li:hover .solut-text { color: #d82019; }
.relat-product-wrapper li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
}
 @media (min-width: 1400px) {
.relat-btn.relat-prev { left: -96px; }
.relat-btn.relat-next { right: -96px; }
}
/*新闻中心*/
.newscenter-list ul { padding: 0 0 20px 0; }
.newscenter-list li { margin: 0 0 20px 0; }
.newscenter-list li a { display: block; border: 1px solid #e3e3eb; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.newscenter-list li img { display: block; width: 100%; }
.newscenter-list li .news-text { padding: 10px; border-top: 1px solid #e3e3eb; }
.newscenter-list li .news-text .name { color: #58596d; font-size: 16px; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newscenter-list li .news-text .desc { color: #b2b2b2; font-size: 13px; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 5px 0; }
.newscenter-list li .news-text .date { display: block; color: #999999; font-family: Montserrat; }
 @media (min-width: 1024px) {
.newscenter-list { padding-top: 60px; padding-bottom: 58px; }
.newscenter-list ul { margin: 0 -15px; padding-bottom: 32px; }
.newscenter-list li { padding: 0 15px; margin: 0 0 30px 0; }
.newscenter-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.newscenter-list li .news-img { overflow: hidden; }
.newscenter-list li .news-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.newscenter-list li .news-text { padding: 22px 30px 24px; }
.newscenter-list li .news-text .name { font-size: 18px; line-height: 30px; height: 60px; }
.newscenter-list li .news-text .desc { margin: 9px 0 11px; }
.newscenter-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
.newscenter-list li:hover .news-text .name { color: #d82019; }
}
/*新闻详情*/
.news-detail-title { position: relative; border-bottom: 3px solid #f2f2f2; padding: 0 0 20px 0; }
.news-detail-title:before { content: ""; display: block; width: 30%; max-width: 330px; height: 3px; background-color: #e0e0e0; position: absolute; left: 0; bottom: -3px; }
.news-detail-title .date { display: block; font-family: Montserrat; color: #666666; padding: 0 0 5px 0; }
.news-detail-title #newshare { background: url(../images/wicon6.png) no-repeat left center; color: #999999; padding: 0 0 0 23px; height: 18px; line-height: 18px; margin: 15px 0 0 0; }
.news-detail-title #newshare a { display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
width: 22px; height: 18px; background-repeat: no-repeat; background-position: center center; float: none; margin: 0; padding: 0; }
.news-detail-title #newshare a.txinlang { background-image: url(../images/weibo2.png); }
.news-detail-title #newshare a.tweixin { background-image: url(../images/weixin2.png); margin-left: 2px; }
.news-detail-title #newshare a.tQQ { background-image: url(../images/QQ.png); }
.news-datail-content { color: #808080; font-size: 13px; }
.news-detail-foot dl { border-top: 1px solid #ebebeb; font-size: 14px; padding: 10px 0; }
.news-detail-foot dl span { display: inline-block; line-height: 27px; padding: 0 10px 0 0; }
.news-detail-foot dl a { color: #666666; }
.news-detail-foot dl dd, .news-detail-foot dl dt { height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.news-detail-foot dl dd:hover a, .news-detail-foot dl dt:hover a { color: #d82019; }
 @media (min-width: 768px) {
.news-detail-foot dl { padding: 39px 0 22px; }
.news-detail-foot dl dd, .news-detail-foot dl dt { float: left; width: 50%; }
.news-detail-foot dl dt { text-align: right; }
}
 @media (min-width: 1024px) {
.newscenter-detail { padding-top: 55px; line-height: 30px; }
.news-detail-title { padding: 0 0 28px 0; }
.news-detail-title .date { padding: 0 0 9px 0; }
.news-detail-title #newshare { position: absolute; right: 0; bottom: 33px; margin: 0; }
.news-datail-content { padding-top: 47px; }
}
/*公司声明*/
.cstatement-list ul { padding-bottom: 30px; }
.cstatement-list li { border-bottom: 1px solid #ebebeb; position: relative !important; top: auto !important; }
.cstatement-list li a { display: block; padding: 15px 80px 15px 0; position: relative; }
.cstatement-list li .desc { color: #666666; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: block; }
.cstatement-list li .date { font-family: Montserrat; color: #999999; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
 @media (min-width: 1024px) {
.cstatement-list { padding-top: 44px; padding-bottom: 58px; }
.cstatement-list ul { padding-bottom: 56px; }
.cstatement-list li { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.cstatement-list li:hover { border-bottom-color: #d82019; }
.cstatement-list li:hover .desc { color: #d82019; }
.cstatement-list li a { padding: 18px 100px 18px 0; }
}
/*交通枢纽*/
.Traffic-list { padding-top: 30px; }
.Traffic-list ul { margin: 0 -5px; padding-bottom: 20px; }
.Traffic-list li { padding: 0 5px; margin: 0 0 10px 0; }
.Traffic-list li a { border: 1px solid #e3e3eb; display: block; }
.Traffic-list li img { display: block; margin: 0 auto; }
.Traffic-list li .pro-img { background-color: #eaebf5; }
.Traffic-list li .pro-text { border-top: 1px solid #e3e3eb; text-align: center; padding: 0 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; color: #58596d; }
 @media (min-width: 1024px) {
.Traffic-list { padding-top: 57px; padding-bottom: 74px; }
.Traffic-list ul { padding-bottom: 30px; }
.Traffic-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.Traffic-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.Traffic-list li .pro-img { overflow: hidden; }
.Traffic-list li .pro-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.Traffic-list li .pro-text { font-size: 16px; }
.Traffic-list li:hover .pro-text { color: #d82019; }
.Traffic-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
}
 @media (min-width: 1199px) {
.Traffic-list ul { margin: 0 -15px; }
.Traffic-list li { padding: 0 15px; margin: 0 0 30px 0; }
.Traffic-list li .pro-text { line-height: 83px; }
}
/*交通枢纽详情*/
.Traffic-detail { color: #929292; }
 @media (min-width: 1024px) {
.Traffic-detail { padding-top: 58px; padding-bottom: 78px; line-height: 30px; }
}
/*工程案例*/
.classific-list { position: relative; }
.classific-list .caeslwrapper-min { overflow: hidden; padding: 30px 0 0 0; }
.classific-list ul { padding-bottom: 20px; }
.classific-list ul.momargin { margin: 0; }
.classific-list ul.momargin li { padding: 0; }
.classific-list li { margin: 0 0 20px 0; }
.classific-list li a { display: block; }
.classific-list li .solut-img img { display: block; margin: 0 auto; width: 100%; }
.classific-list li .solut-text { padding: 10px; background-color: #fafafa; border-top: 2px solid #d82019; text-align: center; position: relative; }
.classific-list li .solut-text:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: -2px; background: #0c337f; height: 2px; -webkit-transition-property: right; -o-transition-property: right; -moz-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.classific-list li .solut-text h3 { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; }
.classific-list li .solut-text p { display: -webkit-box; height: 96px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: #929292; }
.classific-list li:hover .solut-text:before { right: 0; z-index: 2; }
 @media (min-width: 768px) {
.classific-list ul { padding-bottom: 35px; margin: 0 -15px; }
.classific-list li { float: left; width: 33.33%; padding: 0 15px; margin: 0 0 30px 0; }
}
 @media (min-width: 1024px) {
.classific-list { padding-top: 41px; padding-bottom: 75px; }
.classific-list .caeslwrapper-min { padding-top: 60px; }
.classific-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.classific-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
.classific-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.classific-list li .solut-img { overflow: hidden; }
.classific-list li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.classific-list li .solut-text { padding: 24px 30px 31px; }
.classific-list li .solut-text h3 { margin: 0 0 9px 0; }
.classific-list li:hover .solut-text h3 { color: #d82019; }
}
/*工程案例详情*/
.classific-detail { color: #929292; }
 @media (min-width: 1024px) {
.classific-detail { padding-top: 58px; padding-bottom: 78px; line-height: 30px; }
.classific-detail h3 { color: #333333; }
}
/*联系我们*/
.Dealerbtn { display: inline-block; background: #d82019 url(../images/wicon7.png) no-repeat 20px center; color: #ffffff; padding: 10px 20px 10px 50px; text-align: left; margin: 10px 0 0; }
 @media (min-width: 1024px) {
.Dealerbtn { padding: 17px 40px 17px 69px; font-size: 18px; margin: 0; background-position: 38px center; }
}
.contact-dl { background-color: #fcfcfc; }
.contact-dl .thumb img { display: block; width: 100%; }
.contact-dl .infor { padding: 15px; border: 1px solid #f2f2f2; color: #929292; }
.contact-dl .infor h3 { color: #d82019; padding: 0 0 10px 0; }
.contact-dl .infor .name { float: left; display: block; }
.contact-dl .infor .text { overflow: hidden; display: block; }
.contact-dl .infor a { color: #929292; display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
}
 @media (min-width: 1024px) {
.contact-minbox { padding-top: 52px; }
.contact-dl { border: 1px solid #f2f2f2; }
.contact-dl .thumb { float: left; width: 46.5%; margin: -1px 0 -1px -1px; }
.contact-dl .infor { overflow: hidden; border: 0; padding: 3.3% 2% 0 5.8%; line-height: 28px; }
.contact-dl .infor h3 { padding: 0 0 16px 0; }
}
 @media (min-width: 1199px) {
.contact-dl .infor { line-height: 36px; }
}
#allmap { width: 100%; height: 298px; margin: 31px 0 10px; }
.BMap_Marker img { width: auto !important; max-width: none !important; }
.BMap_shadow img, .BMap_pop img { max-width: none !important; }
 @media (min-width: 1024px) {
#allmap { height: 437px; margin: 47px 0 30px 0; }
}
/*客户展示*/
.Customer-list ul { margin: 0 -5px; padding: 0 0 20px 0; }
.Customer-list li { padding: 0 5px; margin: 0 0 10px 0; }
.Customer-list li a { display: block; border: 1px solid #dbdced; }
.Customer-list li img { display: block; width: 100%; }
 @media (min-width: 768px) {
.Customer-list li { width: 20%; }
}
 @media (min-width: 1024px) {
.Customer-list { padding-top: 59px; padding-bottom: 43px; }
.Customer-list ul { margin: 0 -12px; padding-bottom: 34px; }
.Customer-list li { padding: 0 12px; margin: 0 0 24px 0; }
.Customer-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.Customer-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.Customer-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); overflow: hidden; }
.Customer-list li:hover a img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
}
/*经销商查询*/
.pro-screening { padding: 20px; background-color: #e3e5e6; }
.pro-screening .select-box { background: #ffffff url(../images/wicon9.png) no-repeat 92% center; font-size: 14px; margin: 0 0 10px 0; }
.pro-screening select { display: block; height: 38px; line-height: 38px; width: 100%; padding: 0 10px; cursor: pointer; background: none; color: #929292; }
.pro-screening .input-box { width: 100%; float: left; }
.pro-screening .input-box label { display: block; width: 100%; background-color: #ffffff; position: relative; padding: 0 60px 0 0; }
.pro-screening .input-box label input { display: block; background: none; font-family: "Microsoft YaHei"; font-size: 14px; }
 .pro-screening .input-box label input::-webkit-input-placeholder {
 color: #929292;
}
 .pro-screening .input-box label input:-moz-placeholder {
 color: #929292;
}
 .pro-screening .input-box label input::-moz-placeholder {
 color: #929292;
}
 .pro-screening .input-box label input:-ms-input-placeholder {
 color: #929292;
}
.pro-screening .input-box label .inputxt { display: block; width: 100%; height: 38px; line-height: 38px; padding: 0 10px; }
.pro-screening .input-box label .submit { position: absolute; right: 0; top: 0; background: url(../images/wicon10.png) no-repeat center center; width: 60px; height: 38px; }
 .pro-screening select::-ms-expand {
 display: none;
}
 @media (min-width: 768px) {
.pro-screening { padding: 20px 3% 20px 3%; text-align: center; }
.pro-screening .select-box { /*float: left;*/ width: 23.5%; margin: 0 10px 0 0; max-width: 236px; display: inline-block; }
.pro-screening .select-box.input-box { max-width: 282px; float: none; }
}
 @media (min-width: 1199px) {
.inquiry-fliter { padding-top: 55px; }
/*.pro-screening { padding: 20px 1% 20px 6%; }*/
.pro-screening .select-box { margin: 0 20px 0 0; }
.pro-screening .select-box.input-box { width: 25%; margin: 0 0 0 10px; }
}
.inquirydel-list li { margin: 0 0 20px 0; }
.inquirydel-list li .inqui-cont { border: 2px solid #e3e3eb; padding: 20px; color: #929292; }
.inquirydel-list li a { display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
color: #929292; }
.inquirydel-list li h3 { color: #333333; margin: 0 0 10px 0; padding: 0 0 15px 0; position: relative; }
.inquirydel-list li h3:after { content: ""; display: block; width: 27px; height: 3px; background-color: #d82019; position: absolute; left: 0; bottom: 0; }
 @media (min-width: 768px) {
.inquirydel-list ul { margin: 0 -10px; }
}
 @media (min-width: 1024px) {
.inquirydel-list { padding-top: 34px; padding-bottom: 66px; }
.inquirydel-list ul { margin: 0 -18px; padding-bottom: 13px; }
.inquirydel-list li { padding: 0 18px; margin: 0 0 36px 0; }
.inquirydel-list li:hover .inqui-cont { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
.inquirydel-list li .inqui-cont { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; padding: 31px 30px 22px; }
.inquirydel-list li .inqui-cont p { padding: 0 0 11px 0; }
.inquirydel-list li h3 { padding: 0 0 22px 0; margin: 0 0 19px 0; }
.inquirydel-list li a:hover { color: #d82019; }
}
/*经销商加盟*/
.Complaintsm li { margin-bottom: 13px; }
.Complaintsm label { display: block; position: relative; }
.Complaintsm label span { display: block; margin-bottom: 5px; color: #4c4c4c; font-size: 16px; }
.Complaintsm label em { color: #fb0013; margin-right: 2px; }
.Complaintsm label input { font-family: "Microsoft YaHei"; }
.Complaintsm label .inputext { display: block; height: 40px; line-height: 40px; border: 1px solid #dddddd; width: 100%; padding: 10px; }
.Complaintsm label .vccode { display: block; position: absolute; right: 0; top: 30px; width: 79px; height: 30px; cursor: pointer; }
.Complaintsm label .changecode { display: block; }
.Complaintsm label textarea { display: block; width: 100%; border: 1px solid #dddddd; padding: 10px 20px; height: 190px; font-family: "Microsoft YaHei"; }
.Complaintsm label .submit { display: block; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-weight: bold; font-size: 15px; background-color: #d82019; margin: 0 auto; }
.Complaintsm .licode .inputext { width: 70%; }
 @media (min-width: 768px) {
.Complaintsm li { margin-bottom: 34px; }
.Complaintsm label span { float: left; width: 85px; font-size: 16px; margin-right: 20px; margin-bottom: 0; height: 57px; line-height: 57px; text-align: right; }
.Complaintsm label .inputext { height: 56px; line-height: 56px; float: left; width: 280px; }
.Complaintsm label .vccode { top: 50%; margin-top: -15px; }
}
 @media (min-width: 1024px) {
.Dealerjoining { padding-top: 62px; padding-bottom: 61px; }
.Complaintsm { max-width: 1155px; margin: 0 auto; }
.Complaintsm li { float: left; width: 50%; max-width: 385px; }
.Complaintsm li:nth-child(odd) { margin-right: 60px; }
.Complaintsm .litextarea { margin-top: -7px; }
.Complaintsm .litextarea, .Complaintsm .lisubmit { width: 100%; max-width: 100%; }
.Complaintsm .licode .inputext { max-width: 183px; }
.Complaintsm label textarea { float: left; width: 88%; max-width: 730px; }
.Complaintsm label .inputext .vccode { width: 280px; height: 40px; float: left; }
.Complaintsm label .submit { width: 300px; height: 52px; line-height: 52px; font-size: 18px; }
}
 @media (min-width: 1199px) {
.Complaintsm { background: url(../images/wicon11.png) no-repeat 0 0; -moz-background-size: contain; -o-background-size: contain; background-size: contain; padding: 56px 70px; }
.Complaintsm li { margin-bottom: 50px; }
}
 @media (min-width: 1260px) {
.Complaintsm { padding: 70px 70px 88px; }
}
/*服务承诺*/
.Pledge-min { background: url(../images/wicon12.png) no-repeat 100% 30px; color: #929292; }
 @media (min-width: 1024px) {
.Pledetext { padding-right: 16%; }
.Pledge-min { padding-top: 49px; padding-bottom: 52px; background-position: 100% 49px; }
.Pledge-min h4 { line-height: 30px; }
}
/*下载中心*/
.Download-list ul { padding-bottom: 20px; }
.Download-list li { border: 1px solid #e6e6e6; position: relative; padding: 10px 80px 10px 15px; margin: 0 0 15px 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; position: relative !important; top: auto !important; }
.Download-list li .down-text { display: block; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666666; }
.Download-list li .down-btn { display: block; width: 68px; height: 100%; background: #f2f2f2 url(../images/wicon13.png) no-repeat center center; position: absolute; right: 0; top: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.Download-list li:hover { border-color: #d82019; background-color: #d82019; }
.Download-list li:hover .down-text { color: #ffffff; }
.Download-list li:hover .down-btn { background-color: #e31a13; background-image: url(../images/wicon13ho.png); }
 @media (min-width: 768px) {
.Download-list li { padding: 32px 80px 32px 15px; margin: 0 0 22px 0; }
.Download-list li .down-text { font-size: 16px; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }
.Download-list li .down-btn { width: 90px; height: 90px; top: -1px; right: -1px; }
}
 @media (min-width: 1024px) {
.Download-list { padding-top: 56px; padding-bottom: 42px; }
.Download-list ul { padding-bottom: 45px; }
.Download-list li { padding: 32px 180px 32px 56px; }
}
/*常见问题*/
.Problem-list ul { padding-bottom: 20px; }
.Problem-list li { margin: 0 0 15px 0; position: relative !important; top: auto !important; }
.Problem-list li .prob-title { position: relative; padding: 20px 60px; font-size: 14px; cursor: pointer; border: 1px solid #e6e6e6; color: #666666; }
.Problem-list li .prob-title:before, .Problem-list li .prob-title:after { content: ""; display: block; width: 60px; position: absolute; top: -1px; bottom: -1px; background-position: center center; background-repeat: no-repeat; }
.Problem-list li .prob-title:before { left: 0; background-image: url(../images/wicon14.png); -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; }
.Problem-list li .prob-title:after { right: -1px; background-color: #f2f2f2; background-image: url(../images/wicon16.png); }
.Problem-list li .prob-title span { display: block; }
.Problem-list li.cur .prob-title { color: #ffffff; background-color: #d82019; border-color: #d82019; }
.Problem-list li.cur .prob-title:before { background-image: url(../images/wicon14ho.png); }
.Problem-list li.cur .prob-title:after { background-color: #e31a13; background-image: url(../images/wicon16ho.png); }
.Problem-list .prob-cont { background: #fafafa; padding: 22px 20px 35px 60px; font-size: 13px; line-height: 24px; position: relative; display: none; color: #929292; }
.Problem-list .prob-cont:before { content: ""; display: block; background: url(../images/wicon15.png) no-repeat; width: 18px; height: 24px; position: absolute; left: 20px; top: 28px; }
 @media (min-width: 1024px) {
.Problem-list { padding-top: 57px; padding-bottom: 45px; }
.Problem-list ul { padding-bottom: 60px; }
.Problem-list li { margin: 0 0 22px 0; }
.Problem-list li .prob-title { font-size: 16px; padding: 32px 90px 32px 100px; }
.Problem-list li .prob-title:before { width: 97px; -moz-background-size: auto; -o-background-size: auto; background-size: auto; left: 6px; }
.Problem-list li .prob-title:after { width: 90px; }
.Problem-list .prob-cont { font-size: 14px; padding-top: 29px; padding-left: 92px; padding-bottom: 38px; }
.Problem-list .prob-cont:before { left: 47px; }
}
/*维保服务*/
.Mainserv-dl .serv-thumb { position: relative; padding: 0 0 0 20px; }
.Mainserv-dl .serv-thumb img { display: block; width: 100%; }
.Mainserv-dl .serv-thumb:before { content: ""; display: block; width: 95%; height: 100%; z-index: -1; background: url(../images/wicon17.png) no-repeat 0 0; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; left: 0; top: 20px; bottom: -20px; }
.Mainserv-dl .serv-infor { padding: 40px 0 0 0; color: #929292; }
 @media (min-width: 1024px) {
.Mainservice { padding-bottom: 82px; }
.Mainserv-dl { padding: 28px 0; }
.Mainserv-dl .serv-thumb { float: right; width: 50%; max-width: 592px; padding: 0 0 0 28px; }
.Mainserv-dl .serv-thumb:before { top: 28px; bottom: -28px; }
.Mainserv-dl .serv-infor { overflow: hidden; padding: 23px 30px 0 0; }
.Mainserv-dl .serv-infor p { margin: 0 0 12px 0; }
}
/*投诉维修*/
.Comprepair li { margin-bottom: 13px; }
.Comprepair label { display: block; position: relative; }
.Comprepair label span { display: block; margin-bottom: 5px; color: #4c4c4c; font-size: 16px; }
.Comprepair label em { color: #fb0013; margin-right: 2px; }
.Comprepair label input { font-family: "Microsoft YaHei"; }
.Comprepair label .inputext { display: block; height: 40px; line-height: 40px; border: 1px solid #dddddd; width: 100%; padding: 10px; }
.Comprepair label .vccode { display: block; position: absolute; right: 0; top: 30px; width: 79px; height: 30px; cursor: pointer; }
.Comprepair label .changecode { display: block; }
.Comprepair label textarea { display: block; width: 100%; border: 1px solid #dddddd; padding: 10px 20px; height: 190px; font-family: "Microsoft YaHei"; }
.Comprepair label .submit { display: block; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-weight: bold; font-size: 15px; background-color: #d82019; margin: 0 auto; }
.Comprepair .licode .inputext { width: 70%; }
 @media (min-width: 768px) {
.Comprepair li { margin-bottom: 34px; }
.Comprepair label span { float: left; width: 92px; font-size: 16px; margin-right: 20px; margin-bottom: 0; height: 57px; line-height: 57px; text-align: right; }
.Comprepair label .inputext { height: 56px; line-height: 56px; float: left; width: 300px; }
.Comprepair label .vccode { top: 50%; margin-top: -15px; }
}
 @media (min-width: 1024px) {
.Comprepairform { padding-top: 62px; padding-bottom: 97px; }
.Comprepair { max-width: 1155px; margin: 0 auto; }
.Comprepair li { float: left; width: 50%; max-width: 415px; }
.Comprepair li:nth-child(odd) { margin-right: 60px; }
.Comprepair .litextarea { margin-top: -7px; }
.Comprepair .litextarea, .Comprepair .lisubmit { width: 100%; max-width: 100%; }
.Comprepair .licode .inputext { max-width: 183px; }
.Comprepair label textarea { float: left; width: 88%; max-width: 730px; }
.Comprepair label .inputext .vccode { width: 280px; height: 40px; float: left; }
.Comprepair label .submit { width: 300px; height: 52px; line-height: 52px; font-size: 18px; }
}
 @media (min-width: 1199px) {
.Comprepair { background: url(../images/wicon18.png) no-repeat 0 0; -moz-background-size: contain; -o-background-size: contain; background-size: contain; padding: 56px 47px 56px 70px; }
.Comprepair li { margin-bottom: 50px; }
}
 @media (min-width: 1260px) {
.Comprepair { padding: 70px 70px 30px 47px; }
}
/*我要参观红门*/
.Cvisitrepair li { margin-bottom: 13px; }
.Cvisitrepair label { display: block; position: relative; }
.Cvisitrepair label span { display: block; margin-bottom: 5px; color: #4c4c4c; font-size: 16px; }
.Cvisitrepair label em { color: #fb0013; margin-right: 2px; }
.Cvisitrepair label input { font-family: "Microsoft YaHei"; }
.Cvisitrepair label .inputext { display: block; height: 40px; line-height: 40px; border: 1px solid #dddddd; width: 100%; padding: 10px; }
.Cvisitrepair label .vccode { display: block; position: absolute; right: 0; top: 30px; width: 79px; height: 30px; cursor: pointer; }
.Cvisitrepair label .changecode { display: block; }
.Cvisitrepair label textarea { display: block; width: 100%; border: 1px solid #dddddd; padding: 10px 20px; height: 190px; font-family: "Microsoft YaHei"; }
.Cvisitrepair label .submit, .Cvisitrepair label .reset { display: inline-block; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-weight: bold; font-size: 15px; margin: 0 auto; cursor: pointer; }
.Cvisitrepair label .submit { background-color: #d82019; }
.Cvisitrepair label .reset { background-color: #aeaeae; }
.Cvisitrepair .licode .inputext { width: 70%; }
.Cvisitrepair .lisubmit { text-align: center; }
.Cvisitrepair .liselect { background: none; padding: 0; }
.Cvisitrepair .liselect .select-box { background: #ffffff url(../images/wicon20.png) no-repeat 92% center; font-size: 14px; margin: 0 0 10px 0; border: 1px solid #dddddd; }
.Cvisitrepair .liselect .select-box:last-child { margin-right: 0; }
.Cvisitrepair .liselect select { display: block; height: 38px; line-height: 38px; width: 100%; padding: 0 10px; cursor: pointer; background: none; color: #929292; }
 .Cvisitrepair .liselect select::-ms-expand {
 display: none;
}
 @media (min-width: 768px) {
.Cvisitrepair li { margin-bottom: 34px; }
.Cvisitrepair label span { float: left; width: 140px; font-size: 16px; margin-right: 20px; margin-bottom: 0; height: 57px; line-height: 57px; text-align: right; }
.Cvisitrepair label .inputext { height: 56px; line-height: 56px; float: left; width: 300px; }
.Cvisitrepair label .vccode { top: 50%; margin-top: -15px; }
.Cvisitrepair .liselect .select-box { float: left; width: 40%; margin: 0 10px 0 0; max-width: 145px; }
.Cvisitrepair .liselect .select-box select { height: 57px; line-height: 57px; }
}
 @media (min-width: 1024px) {
.Comvisitform { padding-top: 62px; padding-bottom: 70px; }
.Cvisitrepair { max-width: 1155px; margin: 0 auto; }
.Cvisitrepair li { float: left; width: 50%; max-width: 460px; }
.Cvisitrepair li:nth-child(odd) { margin-right: 20px; }
.Cvisitrepair .litextarea { margin-top: -7px; }
.Cvisitrepair .litextarea, .Cvisitrepair .lisubmit { width: 100%; max-width: 100%; }
.Cvisitrepair .licode .inputext { max-width: 183px; }
.Cvisitrepair label textarea { float: left; width: 88%; max-width: 730px; }
.Cvisitrepair label .inputext .vccode { width: 280px; height: 40px; float: left; }
.Cvisitrepair label .submit, .Cvisitrepair label .reset { width: 168px; height: 52px; line-height: 52px; font-size: 18px; margin: 0 15px; }
}
 @media (min-width: 1199px) {
.Cvisitrepair { background: url(../images/wicon21.png) no-repeat 0 0; -moz-background-size: contain; -o-background-size: contain; background-size: contain; padding: 56px 38px 56px 0; }
.Cvisitrepair li { margin-bottom: 50px; }
.Cvisitrepair li:nth-child(odd) { margin-right: 50px; }
.Cvisitrepair .liselect .select-box.input-box { width: 25%; margin: 0 0 0 10px; }
}
 @media (min-width: 1260px) {
.Cvisitrepair { padding: 70px 38px 30px 0; }
.Cvisitrepair .liselect { max-width: 580px; }
.Cvisitrepair .liselect .select-box { margin: 0 20px 0 0; max-width: 180px; }
}
/*公司简介*/
.compro-dl .sname, .compro-dl .title { font-family: Montserrat; }
.compro-dl .sname { opacity: 0.24; text-transform: uppercase; padding: 5px 0; line-height: 16px; }
.compro-dl .title { color: #ccc2c2; font-size: 30px; line-height: 30px; padding: 0 0 10px; }
.compro-dl .thumb { color: #8e8989; }
.compro-dl .infor { padding: 20px 0 0 0; color: #666666; opacity: 0.7; font-size: 13px; }
 @media (min-width: 768px) {
.compro-dl .title { font-size: 40px; line-height: 40px; }
.compro-dl .infor { columns: 50px 2; -webkit-columns: 50px 2; -moz-columns: 50px 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
}
 @media (min-width: 1199px) {
.comprofile-min { position: relative; }
.comprofile-min:before { content: ""; display: block; width: 32%; max-width: 740px; border-top: 6px solid #faf9f9; border-right: 6px solid #faf9f9; position: absolute; top: 35px; left: 0; bottom: 0; }
.compro-dl .title { font-size: 52px; line-height: 42px; padding: 22px 0 12px; }
.compro-dl .thumb { float: left; width: 32%; max-width: 380px; padding: 30px 0 0 0; position: relative; }
.compro-dl .infor { overflow: hidden; padding: 0 0 45px 30px; }
}
 @media (min-width: 1440px) {
.comprofile-min:before { width: 34%; }
.compro-dl .thumb { padding: 43px 0 0 0; }
}
 @media (min-width: 1680px) {
.comprofile-min:before { width: 36%; }
}
 @media (min-width: 1800px) {
.comprofile-min:before { width: 40%; }
}
/*公司简介*/
.compGlobal-min { background: url(../images/wimg14m.jpg) no-repeat center center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.compGlobal-min .commonweb { position: relative; }
.compGlobal-min .comgtext { color: #9b9b9f; }
 @media (min-width: 1024px) {
.compGlobal-min { min-height: 513px; padding-top: 43px; }
.comgimg { position: absolute; top: -12px; right: -100px; width: 83%; max-width: 992px; }
.comgtext { position: relative; z-index: 1; max-width: 800px; padding: 10px 360px 0 0; }
.comgtext .posit { position: absolute; top: 0; right: 0; }
}
/*企业文化*/
.Comculture-dl { background: #cccccc url(../images/wicon24.png) no-repeat 100% 100%; }
.Comculture-dl .thumb img { display: block; width: 100%; }
.Comculture-dl .infor { padding: 15px; color: #ffffff; }
.Comculture-dl .infor .name { font-size: 20px; padding: 0 0 8px 0; }
.Comculture-dl .infor .text { opacity: .7; }
 @media (min-width: 768px) {
.Comculture-dl .thumb { float: left; width: 70%; max-width: 769px; }
.Comculture-dl .infor { overflow: hidden; padding: 20px; }
}
 @media (min-width: 1024px) {
.Comculture-dl { margin: 19px 0 0 0; }
.Comculture-dl .infor { padding: 7.5% 5% 10px 5%; }
.Comculture-dl .infor .name { font-size: 26px; line-height: 30px; padding: 0 0 25px 0; }
}
.Comculture-list li { margin: 0 0 20px 0; }
.Comculture-list li .content { border: 1px solid #e3e3eb; }
.Comculture-list li .content .img img { display: block; width: 100%; }
.Comculture-list li .content .cult-text { text-align: center; padding: 20px; border-top: 1px solid #e3e3eb; color: #929292; }
.Comculture-list li .content .name { font-size: 16px; color: #58596d; }
 @media (min-width: 768px) {
.Comculture-list { padding-top: 55px; padding-bottom: 43px; }
.Comculture-list ul { margin: 0 -10px; }
.Comculture-list li { float: left; width: 25%; padding: 0 10px; }
.Comculture-list li .content .cult-text { padding: 20px 20px 30px; }
.Comculture-list li .content .name { font-size: 18px; padding: 0 0 18px; }
}
/*荣誉证书*/
.Honor-list ul { padding-bottom: 30px; }
.Honor-list li { margin: 0 0 15px 0; }
.Honor-list a { display: block; }
.Honor-list a img { display: block; margin: 0 auto; width: 100%; }
.Honor-list .elc-text { text-align: center; margin: 5px 0 0 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 40px; color: #4c4c4c; }
 @media (min-width: 768px) {
.Honor-list { overflow: hidden; }
.Honor-list ul { margin: 0 -7px; }
.Honor-list li { padding: 0 7px; margin: 0 0 20px 0; }
.Honor-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.Honor-list li:hover .elc-text { color: #d82019; }
.Honor-list .elc-img { overflow: hidden; }
.Honor-list .elc-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
}
 @media (min-width: 1024px) {
.Honors-min { padding-top: 48px; padding-bottom: 48px; }
.Honor-list ul { margin: 0 -15px; padding-bottom: 36px; }
.Honor-list li { padding: 0 15px; margin-bottom: 48px; }
.Honor-list .elc-text { font-size: 18px; height: 24px; line-height: 24px; margin-top: 27px; }
}
/*弹窗*/
.probg { position: fixed; top: 0; width: 100%; height: 100%; left: 0; background: black; z-index: 90; display: none; opacity: 0.7; }
.thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 100; }
.thumb-wraper { width: 80%; position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); word-wrap: break-word; line-height: 28px; z-index: 9; }
.thumb-copy-wrapper { position: relative; overflow: hidden; }
.thumb-popup .swiper-wrapper { width: 100%; }
.thumb-popup .swiper-wrapper li { position: relative; height: 100%; width: 100%; text-align: center; }
.thumb-popup .swiper-wrapper li img { display: block; max-width: 100%; max-height: 90%; position: relative; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); }
.thumb-popup .close { width: 35px; height: 35px; position: fixed; display: block; top: 20px; right: 3%; background-image: url(../images/winco04.png); background-position: center center; background-repeat: no-repeat; -o-background-size: 12px auto; background-size: 12px auto; cursor: pointer; z-index: 99; background-color: #d82019; -webkit-border-radius: 100%; border-radius: 100%; }
.banner-btn { cursor: pointer; }
.swiper-left { left: -40px; }
.swiper-right { right: -40px; background-position: right 0; }
.popup-btn { position: fixed; width: 50px; height: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 1000; }
.popup-btn:after { content: ""; position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.swiper-left:after { border-right: 15px solid #fff; }
.swiper-right:after { border-left: 15px solid #fff; }
.popup-btn:hover { border-color: #fff; }
.thumb-text { text-align: center; font-size: 16px; padding: 20px 0; color: #fff; bottom: 20%; width: 100%; left: 0; position: absolute; left: 50%; max-width: 1200px; transform: translateX(-50%); }
/*品牌历程*/
.History-min { padding-top: 30px; }
.history-list { padding: 0 40px; position: relative; }
.historyulitem { position: relative; overflow: hidden; }
.historyulitem ul { font-size: 0; width: 9999px; webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; }
.historyulitem li { display: inline-block; vertical-align: bottom; background: url(../images/wicon25.png) 7px 0 repeat-y; position: relative; color: #4c4c4c; }
.historyulitem li:after { position: absolute; content: ""; width: 14px; height: 14px; border: 3px solid #d5d5d5; top: 0; left: 0; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #ffffff; }
.historyulitem li .history-con { padding: 0 10px 30px 30px; -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; position: relative; -webkit-font-smoothing: none; font-size: 14px !important; color: #868686; }
.historyulitem li .year-num { margin-top: 20px; display: block; color: #999999; font-size: 30px; line-height: 30px; font-family: Rubik; }
.history-btn { display: block; position: absolute; width: 32px; height: 33px; background-position: center center; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat; cursor: pointer; bottom: 50px; }
.history-btn.hisswiper-left { left: -5px; background-image: url(../images/prev2.png); }
.history-btn.hisswiper-left:hover { background-image: url(../images/prev2ho.png); }
.history-btn.hisswiper-right { right: -5px; background-image: url(../images/next2.png); }
.history-btn.hisswiper-right:hover { background-image: url(../images/next2ho.png); }
 @media (min-width: 1024px) {
.History-min { padding-top: 85px; }
.history-btn { width: 42px; height: 42px; bottom: 144px; }
.history-list { padding: 0; }
.historyulitem li .year-num { margin-top: 52px; font-size: 42px; line-height: 42px; }
.historyulitem li .history-con { padding: 23px 20px 51px 30px; }
.thumb-text { bottom: 17%; }
}
 @media (min-width: 1440px) {
.history-btn.hisswiper-left { left: -113px; }
.history-btn.hisswiper-right { right: -113px; }
}
/*社会责任*/
.Social-text { color: #929292; max-width: 980px; }
.Erespon-list ul { padding: 0 0 30px 0; margin: 0 -5px; }
.Erespon-list li { margin: 0 0 10px 0; padding: 0 5px; }
.Erespon-list a { display: block; border: 1px solid #e3e3eb; }
.Erespon-list a img { display: block; margin: 0 auto; width: 100%; }
.Erespon-list .elc-text { border-top: 1px solid #e3e3eb; text-align: center; line-height: 40px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #4c4c4c; padding: 0 10px; }
 @media (min-width: 768px) {
.Erespon-list { overflow: hidden; }
.Erespon-list ul { margin: 0 -7px; }
.Erespon-list li { padding: 0 7px; margin: 0 0 20px 0; }
.Erespon-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.Erespon-list li:hover .elc-text { color: #d82019; }
.Erespon-list .elc-img { overflow: hidden; }
.Erespon-list .elc-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
}
 @media (min-width: 1024px) {
.Social-min { padding-top: 35px; padding-bottom: 48px; }
.Erespon-list ul { margin: 0 -15px; padding-bottom: 36px; }
.Erespon-list li { padding: 0 15px; margin-bottom: 30px; }
.Erespon-list .elc-text { font-size: 18px; height: 83px; line-height: 83px; }
}
/*公司环境*/
.Environ-min { padding-bottom: 30px; }
.Environ-list ul { padding: 0 0 30px 0; margin: 0 -5px; }
.Environ-list li { margin: 0 0 10px 0; padding: 0 5px; }
.Environ-list a { display: block; border: 1px solid #e3e3eb; }
.Environ-list a img { display: block; margin: 0 auto; width: 100%; }
.Environ-list .elc-text { border-top: 1px solid #e3e3eb; text-align: center; line-height: 40px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #4c4c4c; padding: 0 10px; }
 @media (min-width: 768px) {
.Environ-list { overflow: hidden; }
.Environ-list ul { margin: 0 -7px; }
.Environ-list li { padding: 0 7px; margin: 0 0 20px 0; }
.Environ-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.Environ-list li:hover .elc-text { color: #d82019; }
.Environ-list .elc-img { overflow: hidden; }
.Environ-list .elc-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
}
 @media (min-width: 1024px) {
.Environ-min { padding-top: 5px; padding-bottom: 38px; }
.Environ-list ul { margin: 0 -15px; padding-bottom: 27px; }
.Environ-list li { padding: 0 15px; margin-bottom: 30px; }
.Environ-list .elc-text { font-size: 18px; height: 83px; line-height: 83px; }
}
/*视频中心*/
.Videos-min ul { padding-bottom: 30px; }
.Videos-min li { margin: 0 0 15px 0; }
.Videos-min a { display: block; }
.Videos-min a img { display: block; margin: 0 auto; width: 100%; }
.Videos-min .elc-img { position: relative; }
.Videos-min .video-show { position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #FFFFFF; width: 100%; }
.Videos-min .video-show .videoicon { display: block; width: 65px; height: 65px; background: url(../images/wq_icon11.png) no-repeat center center; -moz-background-size: 40px; -o-background-size: 40px; background-size: 40px; margin: 0 auto; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.Videos-min li:hover .Video-img:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.Videos-min li:hover .videoicon { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.Videos-min .elc-text { text-align: center; margin: 5px 0 0 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 40px; color: #4c4c4c; }
 @media (min-width: 768px) {
.Video-list { overflow: hidden; }
.Video-list ul { margin: 0 -7px; }
.Video-list li { padding: 0 7px; margin: 0 0 20px 0; }
.Video-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.Video-list li:hover .elc-text { color: #d82019; }
.Video-list .elc-img { overflow: hidden; }
.Video-list .elc-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
}
 @media (min-width: 1024px) {
.Videos-min { padding-top: 48px; padding-bottom: 48px; }
.Video-list ul { margin: 0 -15px; padding-bottom: 36px; }
.Video-list li { padding: 0 15px; margin-bottom: 48px; }
.Video-list .video-show .videoicon { -moz-background-size: auto; -o-background-size: auto; background-size: auto; }
.Video-list .elc-text { font-size: 18px; height: 24px; line-height: 24px; margin-top: 27px; }
}
/*视频弹窗*/
.recruitmentfloat { display: none; z-index: 110; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }
.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }
.recclosebtn { width: 35px; height: 35px; position: fixed; display: block; top: 20px; right: 3%; background-image: url(../images/winco04.png); background-position: center center; background-repeat: no-repeat; -moz-background-size: 12px auto; -o-background-size: 12px auto; background-size: 12px auto; cursor: pointer; z-index: 99; background-color: #d82019; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
 @media (min-width: 640px) {
.tianjiatvwrap .videobox { height: 350px; }
}
 @media (min-width: 1024px) {
.tianjiatvwrap { width: 1000px; }
.tianjiatvwrap .videobox { height: 600px; }
}
/*员工风采*/
.Employee-list ul { padding: 0 0 30px 0; margin: 0 -5px; }
.Employee-list li { margin: 0 0 10px 0; padding: 0 5px; }
.Employee-list a { display: block; border: 1px solid #e3e3eb; }
.Employee-list a img { display: block; margin: 0 auto; width: 100%; }
.Employee-list .elc-text { border-top: 1px solid #e3e3eb; text-align: center; line-height: 40px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #4c4c4c; padding: 0 10px; }
 @media (min-width: 768px) {
.Employee-list { overflow: hidden; }
.Employee-list ul { margin: 0 -7px; }
.Employee-list li { padding: 0 7px; margin: 0 0 20px 0; }
.Employee-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.Employee-list li:hover .elc-text { color: #d82019; }
.Employee-list .elc-img { overflow: hidden; }
.Employee-list .elc-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
}
 @media (min-width: 1024px) {
.Employee-min { padding-top: 5px; padding-bottom: 38px; }
.Employee-list ul { margin: 0 -15px; padding-bottom: 27px; }
.Employee-list li { padding: 0 15px; margin-bottom: 30px; }
.Employee-list .elc-text { font-size: 18px; height: 83px; line-height: 83px; }
}
/*职业发展*/
.Careerment-min { background: url(../images/wimg21.jpg) no-repeat top center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 0 30px 0; }
.Career-wrapper { position: relative; padding: 0 30px; }
.Career-wrapper .wrapper-min { overflow: hidden; padding: 30px 0 0 0; }
.Career-wrapper ul.momargin { margin: 0; }
.Career-wrapper ul.momargin li { padding: 0; }
.Career-wrapper li { margin: 0 0 20px 0; }
.Career-wrapper li a { display: block; }
.Career-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; }
.Career-wrapper li .solut-text { padding: 10px; background-color: #f0f0f2; border-top: 2px solid #d82019; text-align: center; position: relative; }
.Career-wrapper li .solut-text:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: -2px; background: #0c337f; height: 2px; -webkit-transition-property: right; -o-transition-property: right; -moz-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.Career-wrapper li .solut-text h3 { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; }
.Career-wrapper li .solut-text p { display: -webkit-box; height: 96px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: #929292; }
.Career-wrapper li:hover .solut-text:before { right: 0; z-index: 2; }
.Career-wrapper .relat-btn.relat-prev { background-image: url(../images/prev3.png); }
.Career-wrapper .relat-btn.relat-prev:hover { background-image: url(../images/prev3ho.png); }
.Career-wrapper .relat-btn.relat-next { background-image: url(../images/next3.png); }
.Career-wrapper .relat-btn.relat-next:hover { background-image: url(../images/next3ho.png); }
 @media (min-width: 768px) {
.Career-wrapper .relat-btn { height: 43px; }
}
 @media (min-width: 1024px) {
.Careerment-min { margin: 0 0 76px 0; }
.Career-wrapper { padding: 0 40px; }
.Career-wrapper .wrapper-min { padding-top: 12%; }
.Career-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.Career-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.Career-wrapper li .solut-img { overflow: hidden; }
.Career-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.Career-wrapper li .solut-text { padding: 14px 30px 41px; }
.Career-wrapper li .solut-text h3 { margin: 0 0 9px 0; }
.Career-wrapper li:hover .solut-text h3 { color: #d82019; }
}
 @media (min-width: 1199px) {
.Careerment-min { -moz-background-size: 100% 374px; -o-background-size: 100% 374px; background-size: 100% 374px; }
}
 @media (min-width: 1400px) {
.Career-wrapper { padding: 0; }
}
/*招聘中心*/
.Platfbtn { display: inline-block; background: #d82019 url(../images/wicon26.png) no-repeat 20px center; color: #ffffff; padding: 10px 20px 10px 50px; text-align: left; margin: 10px 0 0; }
 @media (min-width: 1024px) {
.Platfbtn { padding: 17px 40px 17px 69px; font-size: 18px; margin: 0; background-position: 38px center; }
}
.recruiting-list ul { margin: 0 -10px; padding: 0 0 30px; }
.recruiting-list li { padding: 0 10px 20px 10px; }
.recruiting-list .recontent { border: 2px solid #f2f0ec; padding: 20px 20px 40px; position: relative; }
.recruiting-list .recontent .retitle { color: #333333; }
.recruiting-list .recontent .posititext { color: #929292; }
.recruiting-list .recontent .Delivery { position: absolute; bottom: 0; left: 0; right: 0; background-color: #d82019; color: #ffffff; height: 40px; line-height: 40px; padding: 0 10px; text-align: center; opacity: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.recruiting-list li:hover .recontent .Delivery { opacity: 1; }
 @media (min-width: 1024px) {
.recruiting-list { padding-top: 49px; padding-bottom: 52px; }
.recruiting-list ul { padding: 0 0 70px 0; }
.recruiting-list .recontent { padding: 33px 30px 44px; }
.recruiting-list .recontent .retitle { padding: 0 0 5px 0; }
.recruiting-list .recontent h4 { padding-bottom: 5px; }
.recruiting-list .recontent .Delivery { height: 45px; line-height: 45px; font-size: 16px; }
}
.grid { list-style: none; margin: 30px auto; padding: 0; }
.grid li { display: block; opacity: 0; }
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; }
.grid li a, .grid li img { outline: none; border: none; display: block; max-width: 100%; }
/* Effect 1: opacity */
.grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; -o-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }
 @-webkit-keyframes fadeIn {  0% {
}
 100% {
 opacity: 1;
}
}
 @-moz-keyframes fadeIn {  0% {
}
 100% {
 opacity: 1;
}
}
 @-o-keyframes fadeIn {  0% {
}
 100% {
 opacity: 1;
}
}
 @keyframes fadeIn {  0% {
}
 100% {
 opacity: 1;
}
}
/* Effect 2: Move Up */
.grid.effect-2 li.animate { -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; -moz-animation: moveUp 0.65s ease forwards; -o-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; }
 @-webkit-keyframes moveUp {  0% {
}
 100% {
 -webkit-transform: translateY(0);
 opacity: 1;
}
}
 @-moz-keyframes moveUp {  0% {
}
 100% {
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
 @-o-keyframes moveUp {  0% {
}
 100% {
 -webkit-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
 @keyframes moveUp {  0% {
}
 100% {
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
/* Effect 3: Scale up */
.grid.effect-3 li.animate { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); -webkit-animation: scaleUp 0.65s ease-in-out forwards; -moz-animation: scaleUp 0.65s ease-in-out forwards; -o-animation: scaleUp 0.65s ease-in-out forwards; animation: scaleUp 0.65s ease-in-out forwards; }
 @-webkit-keyframes scaleUp {  0% {
}
 100% {
 -webkit-transform: scale(1);
 opacity: 1;
}
}
 @-moz-keyframes scaleUp {  0% {
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @-o-keyframes scaleUp {  0% {
}
 100% {
 -webkit-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @keyframes scaleUp {  0% {
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
/* Effect 4: fall perspective */
.grid.effect-4 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.grid.effect-4 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg); -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg); transform: translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation: fallPerspective .8s ease-in-out forwards; -moz-animation: fallPerspective .8s ease-in-out forwards; -o-animation: fallPerspective .8s ease-in-out forwards; animation: fallPerspective .8s ease-in-out forwards; }
 @-webkit-keyframes fallPerspective {  0% {
}
 100% {
 -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 opacity: 1;
}
}
 @-moz-keyframes fallPerspective {  0% {
}
 100% {
 -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 transform: translateZ(0px) translateY(0px) rotateX(0deg);
 opacity: 1;
}
}
 @-o-keyframes fallPerspective {  0% {
}
 100% {
 -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 transform: translateZ(0px) translateY(0px) rotateX(0deg);
 opacity: 1;
}
}
 @keyframes fallPerspective {  0% {
}
 100% {
 -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 transform: translateZ(0px) translateY(0px) rotateX(0deg);
 opacity: 1;
}
}
/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.grid.effect-5 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -300px; -moz-transform-origin: 50% 50% -300px; -ms-transform-origin: 50% 50% -300px; -o-transform-origin: 50% 50% -300px; transform-origin: 50% 50% -300px; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-animation: fly .8s ease-in-out forwards; -moz-animation: fly .8s ease-in-out forwards; -o-animation: fly .8s ease-in-out forwards; animation: fly .8s ease-in-out forwards; }
 @-webkit-keyframes fly {  0% {
}
 100% {
 -webkit-transform: rotateX(0deg);
 opacity: 1;
}
}
 @-moz-keyframes fly {  0% {
}
 100% {
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
 opacity: 1;
}
}
 @-o-keyframes fly {  0% {
}
 100% {
 -webkit-transform: rotateX(0deg);
 transform: rotateX(0deg);
 opacity: 1;
}
}
 @keyframes fly {  0% {
}
 100% {
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
 opacity: 1;
}
}
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.grid.effect-6 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; -moz-animation: flip .8s ease-in-out forwards; -o-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; }
 @-webkit-keyframes flip {  0% {
}
 100% {
 -webkit-transform: rotateX(0deg);
 opacity: 1;
}
}
 @-moz-keyframes flip {  0% {
}
 100% {
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
 opacity: 1;
}
}
 @-o-keyframes flip {  0% {
}
 100% {
 -webkit-transform: rotateX(0deg);
 transform: rotateX(0deg);
 opacity: 1;
}
}
 @keyframes flip {  0% {
}
 100% {
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
 opacity: 1;
}
}
/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.grid.effect-7 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: helix .8s ease-in-out forwards; -moz-animation: helix .8s ease-in-out forwards; -o-animation: helix .8s ease-in-out forwards; animation: helix .8s ease-in-out forwards; }
 @-webkit-keyframes helix {  0% {
}
 100% {
 -webkit-transform: rotateY(0deg);
 opacity: 1;
}
}
 @-moz-keyframes helix {  0% {
}
 100% {
 -webkit-transform: rotateY(0deg);
 -moz-transform: rotateY(0deg);
 transform: rotateY(0deg);
 opacity: 1;
}
}
 @-o-keyframes helix {  0% {
}
 100% {
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
 opacity: 1;
}
}
 @keyframes helix {  0% {
}
 100% {
 -webkit-transform: rotateY(0deg);
 -moz-transform: rotateY(0deg);
 transform: rotateY(0deg);
 opacity: 1;
}
}
/* Effect 8:  */
.grid.effect-8 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; }
.grid.effect-8 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .8s ease-in forwards; -moz-animation: popUp .8s ease-in forwards; -o-animation: popUp .8s ease-in forwards; animation: popUp .8s ease-in forwards; }
 @-webkit-keyframes popUp {  0% {
}
 70% {
 -webkit-transform: scale(1.1);
 opacity: .8;
 -webkit-animation-timing-function: ease-out;
}
 100% {
 -webkit-transform: scale(1);
 opacity: 1;
}
}
 @-moz-keyframes popUp {  0% {
}
 70% {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 transform: scale(1.1);
 opacity: .8;
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @-o-keyframes popUp {  0% {
}
 70% {
 -webkit-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
 opacity: .8;
 -webkit-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @keyframes popUp {  0% {
}
 70% {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
 opacity: .8;
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
/*index*/
.indexbanner { width: 100%; position: relative; overflow: hidden; }
.indexbanner li { width: 100%; position: relative; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; }
.indexbanner ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.ipages { position: absolute; left: 50% !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px; z-index: 10; text-align: center; font-size: 0; line-height: 0; }
.ipages span { display: inline-block; vertical-align: top;  *display: inline;
 *zoom: 1;
width: 10px; height: 10px; border: 2px solid #8e8987; margin: 0 6px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: none; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.ipages .swiper-pagination-bullet-active { background-color: #d82019; border-color: #d82019; }
.indexbanner li a img { display: block; width: 100%; position: relative; }
 @media (min-width: 1024px) {
.indexbanner .ipages { bottom: 20px; }
.ipages span { width: 12px; height: 12px; }
}
.index-text .en { font-family: 'raleway'; text-transform: uppercase; font-weight: bold; color: #d82019; padding: 5px 0 0 0; }
.index-btn { display: block; width: 30px; height: 30px; position: absolute; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-position: center center; background-repeat: no-repeat; -moz-background-size: 30px; -o-background-size: 30px; background-size: 30px; }
.index-btn.index-prev { background-image: url(../images/prev.png); left: 0; }
.index-btn.index-prev:hover { background-image: url(../images/prevho.png); }
.index-btn.index-next { background-image: url(../images/next.png); right: 0; }
.index-btn.index-next:hover { background-image: url(../images/nextho.png); }
.index-more a { display: inline-block; border: 2px solid #e1e1e4; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; height: 35px; line-height: 33px; text-align: center; padding: 0 20px; color: #6e6f7b; font-size: 13px; }
 @media (min-width: 1024px) {
.index-text .en { padding: 13px 0 0 0; }
.index-btn { width: 46px; height: 46px; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
.index-btn.index-prev { left: -30px; }
.index-btn.index-next { right: -30px; }
.index-more a { -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; -o-transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; height: 60px; line-height: 60px; padding: 0 46px; }
.index-more a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #d82019; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.index-more a:hover { color: #ffffff; border-color: #ffffff; }
.index-more a:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
}
 @media (min-width: 1400px) {
.index-btn.index-prev { left: -80px; }
.index-btn.index-next { right: -80px; }
}
 @media (min-width: 1440px) {
.index-btn.index-prev { left: -106px; }
.index-btn.index-next { right: -106px; }
}
.indxNews-wraper { position: relative; padding: 30px 35px; }
.inxnews-list { overflow: hidden; }
.inxnews-list li a { display: block; border: 1px solid #e3e3eb; }
.inxnews-list li .tiothumb img { display: block; width: 100%; }
.inxnews-list li .tioinfor { padding: 15px; border-top: 1px solid #e3e3eb; }
.inxnews-list li .tioinfor .text { color: #58596d; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.inxnews-list li .tioinfor .date { color: #d82019; font-family: DINPro; display: block; }
 @media (min-width: 1024px) {
.indxNewsmin { padding-top: 56px; padding-bottom: 60px; }
.indxNews-wraper { padding: 37px 30px; }
.inxnews-list li { float: left; width: 25%; margin-right: 30px; }
.inxnews-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.inxnews-list li .tiothumb { overflow: hidden; }
.inxnews-list li .tiothumb img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.inxnews-list li:hover .tioinfor .text { color: #d82019; }
.inxnews-list li .tioinfor { font-size: 16px; padding: 24px 30px 34px; }
.inxnews-list li .tioinfor .date { padding: 11px 0 0 0; }
}
 @media (min-width: 1400px) {
.indxNews-wraper { padding: 37px 0; }
}
.indxAboutus { background-color: #f1f4f9; }
.indxAboutus .par-posimg { background: url(../images/wimg26.jpg) no-repeat center center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 230px; position: relative; }
.indxAboutus .par-text { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 20px; color: #ffffff; text-transform: uppercase; }
.indxAboutus .par-text h2 { font-weight: lighter; }
.indxAboutus .par-text h3 { padding: 8px 0; }
.indxAboutus .par-content { padding: 20px; }
.indxAboutus .par-content h2 { text-transform: uppercase; font-family: DINPro; padding: 0 0 5px 0; }
.indxAboutus .par-content p { color: #34364b; opacity: 0.8; }
 @media (min-width: 1024px) {
.indxAboutus .par-posimg { height: 383px; float: right; width: 50%; }
.indxAboutus .par-text { top: 45%; left: 38px; max-width: 385px; }
.indxAboutus .par-text h3 { padding: 22px 0 20px; }
.indxAboutus .par-content { float: right; width: 50%; max-width: 600px; padding: 4% 40px 0; }
.indxAboutus .par-content h2 { padding: 0 0 10px 0; }
}
 @media (min-width: 1280px) {
.indxAboutus .par-content { padding-left: 0; }
}
.inxprod-list li { margin: 0 0 20px 0; }
.inxprod-list li a { display: block; position: relative; }
.inxprod-list li .imgbox img { display: block; width: 100%; }
.inxprod-list li .inxpro-img { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 20px; width: 44%; }
.inxprod-list li .inxpro-img img { display: block; max-width: 100%; }
.inxprod-list li .inxpro-text { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 20px; color: #ffffff; width: 40%; }
.inxprod-list li .inxpro-text h3 { color: #34364b; padding: 0 0 5px; }
.inxprod-list li .inxpro-text p { color: #58596d; opacity: 0.5; line-height: 14px; text-transform: uppercase; }
 @media (min-width: 1024px) {
.indxProduct { padding-top: 57px; }
.inxprod-list { padding-top: 38px; padding-bottom: 10px; }
.inxprod-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.inxprod-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
.inxprod-list li:hover .inxpro-img { margin-left: -10px; }
.inxprod-list li .inxpro-img { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
}
 @media (min-width: 1199px) {
.inxprod-list ul { margin: 0 -15px; }
.inxprod-list li { padding: 0 15px; }
.inxprod-list li .inxpro-text { width: 43%; }
}
.indxArrivals { background-color: #f1f4f9; }
.arrivals-wrapper { padding: 0 30px; position: relative; }
.arrivals-wrapper .arrivalsp-min { overflow: hidden; padding: 30px 0 0 0; }
.arrivals-wrapper ul.momargin { margin: 0; }
.arrivals-wrapper ul.momargin li { padding: 0; }
.arrivals-wrapper li { margin: 0 0 20px 0; }
.arrivals-wrapper li a { display: block; }
.arrivals-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; }
.arrivals-wrapper li .solut-text { padding: 10px; background-color: #ffffff; border-top: 2px solid #d82019; text-align: center; position: relative; }
.arrivals-wrapper li .solut-text:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: -2px; background: #0c337f; height: 2px; -webkit-transition-property: right; -o-transition-property: right; -moz-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.arrivals-wrapper li .solut-text h3 { color: #58596d; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; }
.arrivals-wrapper li:hover .solut-text:before { right: 0; z-index: 2; }
 @media (min-width: 768px) {
.arrivals-wrapper .relat-btn { height: 43px; }
.arrivals-wrapper li { float: left; width: 33.33%; }
}
 @media (min-width: 1024px) {
.indxArrivals { padding-top: 57px; padding-bottom: 55px; }
.arrivals-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.arrivals-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.arrivals-wrapper li .solut-img { overflow: hidden; }
.arrivals-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.arrivals-wrapper li .solut-text { padding: 34px 30px 30px; }
.arrivals-wrapper li .solut-text h3 { margin: 0 0 9px 0; }
.arrivals-wrapper li:hover .solut-text h3 { color: #d82019; }
}
 @media (min-width: 1400px) {
.arrivals-wrapper { padding: 5px 0; }
}
.inxSolution { background: url(../images/wimg33.jpg) no-repeat 0 0; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.inxSolution .index-more { padding: 20px 0 0; }
.inxSolution .index-more a { color: #fff; }
.inxSolut-wrapper { padding: 0 30px 30px; position: relative; }
.inxSolut-wrapper .inxSolut-min { overflow: hidden; padding: 30px 0 0 0; }
.inxSolut-wrapper ul.momargin { margin: 0; }
.inxSolut-wrapper ul.momargin li { padding: 0; }
.inxSolut-wrapper li { margin: 0 0 20px 0; }
.inxSolut-wrapper li a { display: block; }
.inxSolut-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; }
.inxSolut-wrapper li .solut-text { padding: 10px; background-color: #ffffff; text-align: center; position: relative; background: -webkit-linear-gradient(135deg, transparent 20px, #fff 0); background: -moz- oldlinear-gradient(135deg, transparent 20px, #fff 0); background: -o-linear-gradient(135deg, transparent 20px, #fff 0); background: linear-gradient(-45deg, transparent 20px, #fff 0); }
.inxSolut-wrapper li .solut-text h3 { color: #58596d; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.inxSolut-wrapper li .solut-text .en { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #d82019; text-transform: uppercase; font-family: DINPro; }
.inxSolut-wrapper .index-btn.index-prev { background-image: url(../images/prev4.png); }
.inxSolut-wrapper .index-btn.index-prev:hover { background-image: url(../images/prev4ho.png); }
.inxSolut-wrapper .index-btn.index-next { background-image: url(../images/next4.png); }
.inxSolut-wrapper .index-btn.index-next:hover { background-image: url(../images/next4ho.png); }
.inxSolut-wrapper .ipages { bottom: 10px; }
 @media (min-width: 768px) {
.inxSolut-wrapper .relat-btn { height: 43px; }
.inxSolut-wrapper li { float: left; width: 33.33%; }
}
 @media (min-width: 1024px) {
.inxSolution { padding-top: 57px; padding-bottom: 59px; }
.inxSolution .index-more { padding: 0; }
.inxSolution .index-more a { border-color: #3b2d2a; }
.inxSolut-wrapper { padding: 5px 30px 72px; }
.inxSolut-wrapper .ipages { bottom: 40px; }
.inxSolut-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.inxSolut-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.inxSolut-wrapper li .solut-img { overflow: hidden; }
.inxSolut-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.inxSolut-wrapper li .solut-text { padding: 24px 30px 32px; }
.inxSolut-wrapper li .solut-text h3 { margin: 0 0 2px 0; }
.inxSolut-wrapper li:hover .solut-text h3 { color: #d82019; }
}
 @media (min-width: 1400px) {
.inxSolut-wrapper { padding-left: 0; padding-right: 0; }
}
.inxPartner { background-color: #f1f4f9; }
.inxpart-list { position: relative; padding: 20px 30px; }
.inxpart-list li a { display: block; border: 1px solid #dbdced; }
.inxpart-list li img { display: block; width: 100%; }
.inxpart-list .index-btn.index-prev.swiper-button-disabled { display: none !important; }
.inxpart-list .index-btn.index-next.swiper-button-disabled { display: none !important; }
.partner-wrapper { overflow: hidden; }
 @media (min-width: 1024px) {
.inxpart-list { padding: 36px 30px; }
.inxpart-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.inxpart-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; overflow: hidden; }
.inxpart-list li a img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.inxpart-list li:hover a { border-color: #d82019; }
.inxPartner { padding-top: 56px; padding-bottom: 25px; }
}
 @media (min-width: 1400px) {
.inxpart-list { padding-left: 0; padding-right: 0; }
}
.searchcont401 { padding: 36px 0; background-color: #ffffff; }
.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }
.searchtitle401 span { color: #d82019; }
.resultlist401 { font-size: 13px; padding: 3% 0; }
.resultlist401 img { display: block; width: 100%; margin-bottom: 2%; }
.resultlist401 ul { padding-bottom: 40px; }
.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; position: relative !important; top: auto !important; }
.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }
.resultlist401 h4 em { color: #da251d; }
.resultlist401 h4 a { display: block; }
.resulttext401 { overflow: hidden; height: 72px; color: #999; }
.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }
.searchinputcont401 dt { float: left; width: 78%; }
.searchinputcont401 dd { float: left; width: 22%; }
.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; font-family: "Microsoft YaHei"; }
.searchinputcont401 dd input { width: 100%; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #d82019; text-align: center; font-family: "Microsoft YaHei"; }
.keywords { color: #da251d; }
 @media (min-width: 768px) {
.searchtitle401 { font-size: 24px; }
.resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
.searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
.resultlist401 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; }
}
 @media (min-width: 992px) {
.searchinputcont401 { width: 45%; margin: 0 auto; }
.searchinputcont401 dt input { font-size: 18px; }
.searchinputcont401 dd input { font-size: 18px; font-weight: bold; }
}
/*20181107*/
.minimg-wrapper { overflow: hidden; position: relative; }
.product-table { width: 100%; overflow-x: auto; padding-bottom: 10px; }
.product-table table{ border-top:#eee 1px solid;border-left:#eee 1px solid;}
.product-table table td{border-bottom:#eee 1px solid;border-right:#eee 1px solid;}
/*2018.11.16*/
.prodatile-btn { display: block; width: 30px; height: 100%; top: 0; position: absolute; z-index: 5; background-position: center center; background-repeat: no-repeat; background-size: 30px; transition: all ease 0.5s; }
.prodatile-prev { background-image: url(../images/prevho.png); left: 0; }
.prodatile-next { background-image: url(../images/nextho.png); right: 0; }
 @media (min-width: 1024px) {
.prodatile-btn { background-size: 42px; width: 50px; }
.prodatile-prev { background-position-x: -50px; }
.prodatile-prev:hover { background-position-x: 0; }
.prodatile-next { background-position-x: 50px; }
.prodatile-next:hover { background-position-x: 0; }
}
/*2018.11.19*/

.footer-top { padding-top: 10px; }
.footer-top ul li.li1 h3 { padding: 10px 0; position: relative; border-bottom: 1px solid #ddd; }
.footer-top ul li.li1 h3 a { color: #85868f; }
.footer-sub { padding-bottom: 5px; display: none; }
.footer-sub a { display: block; color: #999999; font-size: 13px; padding: 5px 0; }
.footer-top ul li.li2 { padding-top: 20px; text-align: center; }
.footer-top ul li.li2 h3 { margin-bottom: 20px; }
.footer-top ul li.li2 img { max-width: 100%; }
.footer-top ul li.li2 .telnum { padding-top: 14px; font-size: 13px; color: #34364b; opacity: 0.7; }
.footer-top ul li.li2 .telnum a { color: #34364b; display: inline-block; }
.footer-top ul li.li2 .telnum a:hover { color: #d82019; opacity: 1; }
.plus.icon { position: absolute; right: 15px; top: 11px; color: #fff; position: absolute; margin-left: 3px; margin-top: 10px; }
.plus.icon:before { content: ''; position: absolute; width: 15px; height: 1px; background-color: #333; }
.plus.icon:after { content: ''; position: absolute; width: 15px; height: 1px; background-color: #333; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.footer-top ul li h3.cur .plus.icon:after { opacity: 0; }
 @media (min-width: 1024px) {
.footer-top { padding-top: 46px; padding-bottom: 48px; }
.footer-top ul li { padding-right: 1.2%; float: left; }
.footer-top ul li.li1 h3 { border-bottom: 0; padding-top: 0; }
.footer-sub { padding-bottom: 0; display: block; }
.footer-sub a { padding-top: 0; color: #abacb7; }
.footer-sub a:hover { color: #C61B2B; }
.footer-top ul li.li2 { padding: 0; text-align: right; }
.plus.icon:after, .plus.icon:before { opacity: 0; }
.footer-top ul li.li2 .telnum a { padding: 0 0 0 2px; }
}
 @media (min-width: 1199px) {
.footer-top ul li { padding-right: 2.7%; }
}
 @media (min-width: 1260px) {
.footer-top ul li { padding-right: 3.1%; }
.footer-top ul li.li2 { padding: 0 0 0 2%; }
}
/*2018.11.19*/
/*.header-nav li { padding: 0; }*/

.header-nav li h3 { padding: 0 10px; }
.header-nav .sub-item.cur .three-btn:after { border-top: 7px solid #b3b3b3; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.header-nav .sub-item h4 { position: relative; border-bottom: 1px solid #d9d9d9; padding: 0 15px; }
.header-nav .sub-item:last-child h4 { border-bottom: 0; }
.header-nav .sub-nav { background-color: #f2f2f2; padding: 0; }
.header-nav .three-nav { display: none; background-color: #fafafa; padding: 0 20px; }
.header-nav .three-btn { display: block; position: absolute; right: 0; top: 0; cursor: pointer; height: 36px; width: 80%; }
.header-nav .three-btn:after { content: ''; display: block; width: 0; height: 0; border-top: 6px solid transparent; border-left: 7px solid #b3b3b3; border-bottom: 6px solid transparent; position: absolute; right: 13px; top: 50%; margin-top: -4px; }
 @media (min-width: 1024px) {
header { border-bottom: 1px solid #e0e0e0; box-shadow: none; }
.header-nav li { position: relative; }
.header-nav li h3 { padding: 0; }
.header-nav .sub-nav { top: 100px; background-color: #FFFFFF; position: absolute; width: 210px; left: 50%; transform: translateX(-50%); display: none; text-align: center; border: 1px solid #e0e0e0; border-top: 0; }
.header-nav li .sub-item a { text-align: center; }
.header-nav li:nth-child(2) .sub-item a { text-align: left; }
.header-nav .sub-item { position: relative; padding: 0 17px; }
.header-nav .sub-item:hover h4 a { color: #d82019; }
.header-nav .sub-item:hover h4 .three-btn:after { border-left-color: #d82019; }
.header-nav .sub-item h4 { border-bottom: 1px solid #e0e0e0; padding: 0; }
.header-nav .sub-item h4 a { padding: 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 42px; }
.header-nav .three-nav { position: absolute; top: 0; left: 208px; width: 160px; background-color: #FFFFFF; text-align: center; color: #666666; border: 1px solid #e0e0e0; }
.header-nav .three-nav a { text-align: center; }
.header-nav .three-nav a:hover { color: #d82019; }
.header-nav .three-btn { height: 43px; }
.header-nav .three-btn:after { margin-top: -8px; }
}
/*2018.11.19 end*/

/*2018.11.21*/
.loadingmore { display: block; width: 100%; font-size: 14px; background: #d82019; height: 40px; line-height: 40px; color: #ffffff; text-align: center; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
.loadingmore:hover { background-color: #e85a55; }
 @media (min-width: 1024px) {
.loadingmore { height: 50px; line-height: 50px; font-size: 16px; }
}
/*2018.11.26*/
.contact-clumb-box .Dealerbtn { margin-bottom: 8px; width: 182px; }
 @media (min-width: 1024px) {
.contact-clumb-box { width: 253px; }
.contact-clumb-box .Dealerbtn { width: 253px; float: right; }
}
/*2018.12.5*/
.ebsgovicon img { height: 59px !important; width: auto !important; }